$(document).ready(function () {
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
		$(pager).find('li').removeClass('activeLI')
			.filter('li:eq('+currSlideIndex+')').addClass('activeLI');
		$('.promo_slide_container').trigger('goto', [ currSlideIndex ]);
	};

	$('#promoSlideShow').cycle({
		timeout: 5000,
		fx: 'fade',
		pauseOnPagerHover: 1,
		pause: 1,
		speed: 1000,
		sync: 1,
		pager:  '#nav',
		pagerEvent: 'click',
		fastOnEvent: true,
	        next:   '.promoNext',
	        prev:   '.promoPrev',
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><img src="' + $(slide).children()[0].src.replace('promo/','promo/thumbs/') + '" width="60" height="45" ></li>';
		}
	});


	$('.promo_slide_container').serialScroll({
		items:'li',
		offset: -128,
		duration:2000,
		force:true,
		stop:true,
		lock:false,
		start: 0,
		event: 'click',
		easing: 'easeOutQuart',
		jump: true //click on the images to scroll to them
	});

	$('a').click(
		function () {
			$(this).blur();
		}
	);
	if($('#nav').children('li').length > 4) {
		var slideItems = $('#nav').children('li').length;
		var slideWidth = $('#nav').children('li').width();
		$('#nav').css("width", slideItems * (slideWidth+8)); // Account for margins and padding with +10 factor
	}
});