$(document).ready(function() {
var autoPlayTime=6000;
autoPlayTimer = setInterval( autoPlay, autoPlayTime);
function autoPlay(){
Slidebox('next');
}
$('#slidebox .next').click(function () {
Slidebox('next','stop');
});
$('#slidebox .previous').click(function () {
Slidebox('previous','stop');
});
var yPosition=($('#slidebox').height()-$('#slidebox .next').height())/2;
$('#slidebox .next').css('top',yPosition);
$('#slidebox .previous').css('top',yPosition);
$('#slidebox .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
$("#slidebox .content").each(function(i){
slideboxTotalContent=i*$('#slidebox').width();
$('#slidebox .container').css("width",slideboxTotalContent+$('#slidebox').width());
});
});

function Slidebox(slideTo,autoPlay){
var animSpeed=500; //animation speed
var easeType='easeInOutExpo'; //easing type
var sliderWidth=$('#slidebox').width();
var leftPosition=$('#slidebox .container').css("left").replace("px", "");
if( !$("#slidebox .container").is(":animated")){
if(slideTo=='next'){ //next
if(autoPlay=='stop'){
clearInterval(autoPlayTimer);
}
if(leftPosition==-slideboxTotalContent){
$('#slidebox .container').animate({left: 0}, animSpeed, easeType); //reset
$('#slidebox .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs a:last-child').removeClass('selected_thumb').addClass('thumb');
} else {
$('#slidebox .container').animate({left: '-='+sliderWidth}, animSpeed, easeType); //next
$('#slidebox .thumbs .selected_thumb').next().removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs .selected_thumb').prev().removeClass('selected_thumb').addClass('thumb');
}
} else if(slideTo=='previous'){ //previous
if(autoPlay=='stop'){
clearInterval(autoPlayTimer);
}
if(leftPosition=='0'){
$('#slidebox .container').animate({left: '-'+slideboxTotalContent}, animSpeed, easeType); //reset
$('#slidebox .thumbs a:last-child').removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs a:first-child').removeClass('selected_thumb').addClass('thumb');
} else {
$('#slidebox .container').animate({left: '+='+sliderWidth}, animSpeed, easeType); //previous
$('#slidebox .thumbs .selected_thumb').prev().removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs .selected_thumb').next().removeClass('selected_thumb').addClass('thumb');
}
} else {
var slide2=(slideTo-1)*sliderWidth;
if(leftPosition!=-slide2){
clearInterval(autoPlayTimer);
$('#slidebox .container').animate({left: -slide2}, animSpeed, easeType); //go to number
$('#slidebox .thumbs .selected_thumb').removeClass('selected_thumb').addClass('thumb');
var selThumb=$('#slidebox .thumbs a').eq((slideTo-1));
selThumb.removeClass('thumb').addClass('selected_thumb');
}
}
}
}