// JavaScript Document

$(document).ready(function () {
    var autoPlayTime = 5500;
    autoPlayTimer = setInterval(autoPlay, autoPlayTime);
    function autoPlay() {
        Slidebox('');
        autoPlay = false;
    }
    $('#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=1000; //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');
			} 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: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-0)*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-0));
				selThumb.removeClass('thumb').addClass('selected_thumb');
			}
		}
	}
}