$("#slidebox").ready(function() {
	var autoPlayTime=4000;
	autoPlayTimer = setInterval( autoPlay, autoPlayTime);
	function autoPlay(){
		Slidebox('next');
	}
	$('#slidebox .next').click(function () {
		Slidebox('next');
	});
	$('#slidebox .previous').click(function () {
		Slidebox('previous');
	});
	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=1000; //animation speed
    var easeType='easeInQuint'; //easing type
	var sliderWidth=$('#slidebox').width();
	var leftPosition=$('#slidebox .container').position().left;
	var numbering=$('#slidebox .thumb').length;
	
	$("#slidebox .content").each(function (i) {
		totalContent=i*sliderWidth;	
		$('#slidebox .container').css("width",totalContent+sliderWidth);
	});
	if( !$("#slidebox .container").is(":animated")){
		for(var j=1;j<=numbering;j++) $('#thumb'+j).css('background-color','transparent' );
		if(slideTo=='next'){ //next
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition==-totalContent){
				$('#slidebox .container').animate({left: "0"}, animSpeed, easeType); //reset
				$('#thumb1').css('background-color','#666666' );
			} else {
				var slide_num = -(leftPosition/sliderWidth)+2;	
				$('#slidebox .container').animate({left:"-="+sliderWidth}, animSpeed, easeType); //next
				$('#thumb'+slide_num).css( 'background-color','#666666' );
			}
		} else if(slideTo=='previous'){ //previous
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			var slide_num = -(leftPosition/sliderWidth);
			if(leftPosition=='0'){
				$('#slidebox .container').animate({left: "-"+totalContent}, animSpeed, easeType); //reset
				$('#thumb'+numbering).css( 'background-color','#666666' );
			} else {
				$('#slidebox .container').animate({left: "+="+sliderWidth}, animSpeed, easeType); //previous
				$('#thumb'+slide_num).css( 'background-color','#666666' );
			}
		} else {
			var slide2=(slideTo-1)*sliderWidth;
			if(leftPosition!=-slide2){
				$('#slidebox .container').animate({left: -slide2}, animSpeed, easeType); //go to number
			}
			for(var j=1;j<=numbering;j++) $('#thumb'+j).css( 'background-color','transparent' );
                        $('#thumb'+slideTo).css( 'background-color','#666666' );
		}
	}
}