autoPlayTimer = 0;
$(document).ready(function() {
	function autoPlay(){
		Slidebox('next');
	}
    autoPlayTimer = setInterval( autoPlay, 8000);

	$('#slidebox .next').click(function () {
		Slidebox('next','stop');
	});
	$('#slidebox .previous').click(function () {
		Slidebox('previous','stop');
	});
	var yPosition=$('#slidebox').height()/2-$('#slidebox .next').height()/2;
	$('#slidebox .next').css('top',yPosition);
	$('#slidebox .previous').css('top',yPosition);
});
//slide page to id
function Slidebox(slideTo,autoPlay){
    var animSpeed=3000; //animation speed
    var easeType='easeInOutQuart'; //easing type
	var sliderHeight=$('#slidebox').height();
	var leftPosition=$('#slidebox .container').css("top").replace("px", "");

	$("#slidebox .content").each(function (i) {
		totalContent=i*sliderHeight;	
		$('#slidebox .container').css("height",totalContent+sliderHeight);
	});
	if( !$("#slidebox .container").is(":animated")){
		if(slideTo=='next'){ //next
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition==-totalContent){
				$('#slidebox .container').animate({top: 0}, animSpeed, easeType); //reset
				$('.thumbs a').removeClass("selected");
				$('.thumbs a').first().addClass("selected");
			} else {
				$('#slidebox .container').animate({top: '-='+sliderHeight}, animSpeed, easeType); //next				
				var next = $('.thumbs a[class*="selected"]').next();
				$('.thumbs a[class*="selected"]').removeClass("selected");
				next.addClass("selected");
			}			
		} else if(slideTo=='previous'){ //previous
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition=='0'){
				$('#slidebox .container').animate({top: '-'+totalContent}, animSpeed, easeType); //reset
				$('.thumbs a').removeClass("selected");
				$('.thumbs a').last().addClass("selected");
			} else {
				$('#slidebox .container').animate({top: '+='+sliderHeight}, animSpeed, easeType); //previous
				var previous = $('.thumbs a[class*="selected"]').prev();
				$('.thumbs a[class*="selected"]').removeClass("selected");
				previous.addClass("selected");
			}								
		} else {
			var slide2=(slideTo-1)*sliderHeight;
			if(leftPosition!=-slide2){
				clearInterval(autoPlayTimer);
				$('#slidebox .container').animate({top: -slide2}, animSpeed, easeType); //go to number
				$('.thumbs a').removeClass("selected");
				$('.thumbs a').eq(slideTo - 1).addClass("selected");
				autoPlayTimer = setInterval( function(){Slidebox('next');}, 8000);
			}
		}
	}
}