$('document').ready(function(){

	var navItemWidth = 120;
	var navItemContainerVisualWidth = 460;
	
	$('#featured div.navigation_container').append('<a href="#" class="prev">Prev</a><a href="#" class="next">Next</a>');

	var slider = $('#featured .slider').bxSlider({
		auto: true,
		pause: 10000,
		speed: 1000,
		controls: false,
		infiniteLoop: true,
		onBeforeSlide: function() {
			$('#featured div.data_container').hide().animate({left:'-=500'},0);
		},
		onAfterSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
			$('#featured ul.navigation a').removeClass('pager-active');
			$('#featured div.data_container').show().delay(1500).animate({left:'+=500'},500);
			$('#featured ul.navigation a:eq('+currentSlideNumber+')').addClass('pager-active');
			
			// scroll te navigation so the active element is always on screen
			if (currentSlideNumber > 0 && (currentSlideNumber * navItemWidth) >= navItemContainerVisualWidth) {
				$('#featured ul.navigation').animate({left:'-' + (((currentSlideNumber+1) * navItemWidth) - navItemContainerVisualWidth) + 'px'},500);
			} else {
				if (currentSlideNumber == 0) {
					$('#featured ul.navigation').animate({left:0},500);
				} else {
					$('#featured ul.navigation').animate({left:-20},500);
				}
			}
			Cufon.replace('#featured a', {
				'hover': true,
				fontFamily: 'crank'
			});
		}
	});
		
	$('#featured .navigation_container a.next').click(function(e){
		e.preventDefault();
		slider.goToNextSlide();
	});
	$('#featured .navigation_container a.prev').click(function(e){
		e.preventDefault();
		slider.goToPreviousSlide();
	});
	$('#featured ul.navigation a').click(function(e){
		e.preventDefault();
		var linkIndex = $('ul.navigation a').index(this);
		slider.goToSlide(linkIndex,true);
	});
	
	// set the width of the navigation UL
	$('#featured ul.navigation').width($("ul.navigation > li").size() * 120);

	$('#testlink').click(function(){
		slider.stopShow();
		slider.startShow();
	});

});

function restart_auto_play() {
	clearInterval(pause_interval);
	pause_interval = setInterval(function() {
		slider.startShow();
	}, 20000);
}