$(document).ready(function() {
	var timer = setTimeout(function() {
		var slider = $('#SDMediaSlider');
		var sliderMask = $('#SDMediaSliderMask');
		var sliderTrack = $('#SDMediaSliderTrack');
			
		var sliderPrevNext = $(jQuery('<ul id="SDMediaSliderNav"></ul>'));
		var sliderPrev = $(jQuery('<li class="SDMediaSliderPrev"><span>&and;</span></li>'));
		var sliderNext = $(jQuery('<li class="SDMediaSliderNext"><span>&or;</span></li>'));
		
		sliderMask.css({ 'display':'block', 'opacity':0.0 });
		
		var thumbsHeight = Math.ceil($('.SDProdThumbs').children().size() / 2) * parseInt($('.SDProdThumbs li').innerHeight());
		var otherMediaPadding = parseInt($(".SDOtherMedia").css('padding-top'));
		var viewallHeight = parseInt($("#galleryViewAll").outerHeight(true));
		var otherMediaTotalHeight = null;
		$(".SDOtherMedia li").each(function(){ otherMediaTotalHeight += $(this).outerHeight(); });
		
		var slidesTotalHeight = thumbsHeight + viewallHeight + otherMediaPadding + otherMediaTotalHeight + parseInt($('.SDOtherMedia').css('border-bottom-width'));
		
		var sliderHeight = Math.round(parseInt($('#SDPricing').innerHeight()) - parseInt($('#SDManID').innerHeight()));
		if (sliderHeight < 249 && slidesTotalHeight > 200) sliderHeight = 249;
		if (slidesTotalHeight / sliderHeight < 1.1) sliderHeight = slidesTotalHeight;
		
		var maskHeight = sliderHeight;
		var sliderPrevHeight = 24;
		var sliderNextHeight = 30;
		var maskHeightNav = maskHeight - sliderPrevHeight - sliderNextHeight;
		var clickedDir = null;
		var currentView = 0;
		var othermedia = new Array();
		var slideheights = new Array();
		
		slider.css('height', sliderHeight);
		
		if (slidesTotalHeight > sliderHeight) {
			var slideCount = Math.ceil(slidesTotalHeight / maskHeightNav);
		}
		
		if(slideCount > 1) {
			slider.prepend(sliderPrevNext);
			sliderPrevNext.append(sliderPrev);
			sliderPrevNext.append(sliderNext);
			maskHeight = maskHeightNav;
			sliderMask.css('margin-top', '24px');
		}
		sliderMask.css('height', maskHeight);
		
		othermedia.push(thumbsHeight);
		othermedia.push(otherMediaPadding);
		othermedia.push(viewallHeight);
		$(".SDOtherMedia li").each(function(){ othermedia.push($(this).outerHeight()); });
		
		var arl = othermedia.length;
		var totalheight = 0;
		var prevheight = 0;
		var slidepos = 1;
		for ( var i=0, l=arl; i < l; ++i ){
			totalheight += othermedia[i];
			
			if (totalheight > maskHeight) {
				slideheights.push(prevheight);
				totalheight = othermedia[i];
			}
			prevheight += othermedia[i];
		}
		
		sliderPrev.removeClass('hover').css({'cursor':'default'});
		sliderPrev.children().css({'opacity':0.4, 'cursor':'default'});
		
		$('#SDMedia.loading').removeClass('loading');
		sliderMask.animate({ 'opacity':1.0 }, 'slow');
		sliderPrevNext.fadeIn('normal');
		
		$('.SDMediaSliderNext, .SDMediaSliderPrev').click(function(c) {		
			clickedDir = $('#SDMediaSliderNav li').index(this);
			
			var nextView = (currentView - 1);
			
			if (clickedDir) {
				nextView = (currentView + 1);
			}
			
			if (nextView < slideCount && nextView >= 0) {
				// slide to the new panel
				var slideOffset = 0;
				if (nextView > 0) {
					slideOffset = slideheights[nextView-1];
				}
							
				if (nextView == 0) {
					sliderPrev.removeClass('hover').css({'cursor':'default'});
					sliderPrev.children().css({'opacity':0.4, 'cursor':'default'});
				} else {
					sliderPrev.css({'cursor':'pointer'});
					sliderPrev.children().css({'opacity':1.0, 'cursor':'pointer'});
				}
				if (nextView == slideCount - 1) {
					sliderNext.removeClass('hover').css({'cursor':'default'});
					sliderNext.children().css({'opacity':0.4, 'cursor':'default'});
				} else {
					sliderNext.css({'cursor':'pointer'});
					sliderNext.children().css({'opacity':1.0, 'cursor':'pointer'});
				}
				
				sliderTrack.animate({top:"-"+ slideOffset +"px"});
				
				currentView = nextView;
				clickedDir = 0;
			}
		});
	}, 300); 
});