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;

jQuery(function(){
getAllImgDivs();

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


});


function setLinks(){
	jQuery(".fadeWrapper").click(function(){
		var link=jQuery(".imageHolder").eq(currentImage).find("a").attr("href");
		if(link!=null){
			location.href=link;
		}
	});
	
	jQuery(".fadeWrapper").mouseover(function(){
		jQuery(".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
	jQuery(".imageHolder").each(function(i){
		divArray[i]=jQuery(this);
		imgDivNumber++;
	});
}


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

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