var divArray = new Array();
var imgDivNumber=0;
var currentImage=0;

var waitInterval=5000;  //this is the interval between each fade
var imgFadeSpeed=2000;    //this is the speed of the fade action


var timer=-1;

$(function(){
getAllImgDivs();

if(imgDivNumber>0){
	setImgFader();
	timer = window.setInterval("fadeImg()", waitInterval);
	setLinks();
}


});


function setLinks(){
	$(".fadeWrapper").click(function(){
		var link=$(".imageHolder").eq(currentImage).find("a").attr("href");
		if(link!=null){
			location.href=link;
		}
	});
	
	$(".fadeWrapper").mouseover(function(){
		$(".fadeWrapper").css({cursor:"pointer"});
	});
}


/**
 *	Gets all the divs that have to be shown in the slider and fills them in an array.
 */
function getAllImgDivs(){
	//fill the divs in an array
	$(".imageHolder").each(function(i){
		divArray[i]=$(this);
		imgDivNumber++;
	});
}


/**
 *	Makes all the images invisible.
 */
function setImgFader(){
	for(var i=1; i<imgDivNumber; i++){
		divArray[i].find("img").css({display:"none"});
	}
}

/**
 *	The whole fading is performed here.
 */
function fadeImg(){
	$img=divArray[currentImage].find("img");
	$img.fadeOut(imgFadeSpeed);
	if(currentImage<imgDivNumber-1){
		$img=divArray[currentImage+1].find("img");
		currentImage++;
	}else{
		$img=divArray[0].find("img");
		currentImage=0;
	}
		
	$img.fadeIn(imgFadeSpeed);
}