/**
 * This is the script which executes the functionality of the accordion slider.
 * All rights reserved.
 * 
 * Author: You
 * http://you.com/
 */

var divArray = new Array();
var bgArray=new Array();



var divNumber=0;
var imagePadding=0;
var animationSpeed=500;  //this is the speed of the animation
var waitInterval=7000;   //this is the interval between each animation (5000 = 5sec.)

var currentImage=-1;
var previousImage=0;



//*********Please change these settings if you have made some changes in the HTML or CSS files!************

var imageWidth=700;   //this is the width of a single image
var holderWidth=932;

var timer=-1;

$(function(){
getAllSliderDivs();
	if(divNumber>0){
		positionImages();
		setImageHolderHandlers();
		timer = window.setInterval("startSlideshow()", waitInterval);
	}
});



/**
 *	Gets all the divs that have to be shown in the slider and fills them in an array.
 */

function getAllSliderDivs(){
	//fill the big image divs in an array
	$("div.imageHolder").each(function(i){
		divArray[i]=$(this);
		bgArray[i]=$(this).find("div.black");
		$(this).css({zIndex:i});
		divNumber++;
	});
}

function wait(){
	window.clearInterval(timer);
	timer=window.setInterval("moveLeft()", waitInterval);
}

function startSlideshow(){
setCurrentImage();
	showSelected();
}



function setCurrentImage(){

if(currentImage===divNumber-1){
		currentImage=0;
		previousImage=divNumber-1;
	}else{
		if(currentImage!=-1){
			previousImage=currentImage;
		}else{
			previousImage=0;
		}
		currentImage++;
	}
}

function positionImages(){

	var width=holderWidth/divNumber;

	for(var i=0; i<divNumber; i++){
		leftPosition=i*width;
		divArray[i].css({left:leftPosition});
	}

}

function setImageHolderHandlers(){

	$(".imageHolder").each(function(i){	
		$(this).click(function(){

			if(currentImage!=-1){
				previousImage=currentImage;
			}else{
				previousImage=0;
			}
			currentImage=i;

			window.clearInterval(timer);
			showSelected();
			timer = window.setInterval("startSlideshow()", waitInterval);

			});

	});

	$(".imageHolder").each(function(i){

	$(this).hover(function(){
			if(i!=currentImage){
				$(this).css({cursor:"pointer"});
				bgArray[i].css({zIndex:"-30"});
				}
			
			}, function(){

			if(i!=currentImage){

			bgArray[i].css({zIndex:"30"});
			}
		});
	});
}





function showSelected(){

	bgArray[previousImage].css({zIndex:"30"});

	divArray[previousImage].find(".imgInfo").animate({bottom:"-150px"});
			
	var width=(holderWidth-imageWidth)/(divNumber-1);

	for(var j=0; j<divNumber; j++){
		if(j<=currentImage){
			var leftPosition=j*width;
			divArray[j].animate({left:leftPosition}, animationSpeed);
			if(j==currentImage){
				bgArray[currentImage].css({zIndex:"-30"});
				divArray[currentImage].find(".imgInfo").animate({bottom:"0px"},1000);
			}
		}else{
			var leftPosition=j*width+imageWidth-width;
			divArray[j].animate({left:leftPosition}, animationSpeed);
		}	
	}	
	
}


function delay(time){
	var delayTimer = window.setInterval(function(){}, time);
	window.clearInterval(delayTimer);
}