// JavaScript Document

var autoPlayTime=5000;
var currentBox = 0;

function autoPlay(){
	Slidebox('next');
}

$(document).ready(function() {
	
	
	autoPlayTimer = setInterval( autoPlay, autoPlayTime);
	
	$('#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);
	
	$("#slidebox .blurb").each(function (i) {
		if(i != currentBox)
		{
			$(this).hide();
		}
	});
});
//slide page to id
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", "");
	$("#slidebox .content").each(function (i) {
		totalContent=i*sliderWidth;	
		$('#slidebox .container').css("width",totalContent+sliderWidth);
	});
	
	if( !$("#slidebox .container").is(":animated")){
		
		
		
		if(slideTo=='next'){ //next
		
			$("#slidebox .blurb").each(function (i) {
				if(i == currentBox)
				{
					$(this).fadeOut();
				}
			});
			$("#slidebox .thumb").each(function (i) {
				if(i == currentBox)
				{
					$(this).removeClass('current-thumb');
				}
			});
			
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition==-totalContent){
				$('#slidebox .container').animate({left: 0}, animSpeed, easeType); //reset
				currentBox = 0;
			} else {
				$('#slidebox .container').animate({left: '-='+sliderWidth}, animSpeed, easeType); //next
				currentBox++;
				
			}
			$("#slidebox .blurb").each(function (i) {
				if(i == currentBox)
				{
					$(this).delay(500).fadeIn();
				}
			});
			$("#slidebox .thumb").each(function (i) {
				if(i == currentBox)
				{
					$(this).addClass('current-thumb');
				}
			});
		} else if(slideTo=='previous'){ //previous
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition=='0'){
				$('#slidebox .container').animate({left: '-'+totalContent}, animSpeed, easeType); //reset
			} else {
				$('#slidebox .container').animate({left: '+='+sliderWidth}, animSpeed, easeType); //previous
			}
		} else {
			var slide2=(slideTo-1)*sliderWidth;
			if(leftPosition!=-slide2){
				
				$("#slidebox .blurb").each(function (i) {
					if(i == currentBox)
					{
						$(this).fadeOut();
					}
				});
				$("#slidebox .thumb").each(function (i) {
					if(i == currentBox)
					{
						$(this).removeClass('current-thumb');
					}
				});
				
				
				clearInterval(autoPlayTimer);
				$('#slidebox .container').animate({left: -slide2}, animSpeed, easeType); //go to number
				autoPlayTimer = setInterval("autoPlay()", autoPlayTime);
				
				currentBox = slideTo-1;
				$("#slidebox .blurb").each(function (i) {
				if(i == currentBox)
					{
						$(this).delay(500).fadeIn();
					}
				});
				$("#slidebox .thumb").each(function (i) {
					if(i == currentBox)
					{
						$(this).addClass('current-thumb');
					}
				});
			}
			
		}
	}
}
