var divArray = new Array();

var divNumber=0;
var currentImage=0;
var selectedImage=0;

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


//var timer=-1;

$(function(){
	getAllDivs();
	setFader();
	//timer = window.setInterval("fade()", waitInterval);
	fade();
});

function getAllDivs(){
	$(".imageHolder").each(function(i){
		divArray[i]=$(this);
		divNumber++;
	});
}

function setFader(){
	for(var i=1; i<divNumber; i++){
		divArray[i].find("img").css({display:"none"});
	        $(".headerButton:gt(0)").css({display:"none"});
	}
}
function fade(){
	var img=divArray[currentImage].find("img");
	var button =$(".headerButton:eq("+currentImage+")");
	img.fadeOut(fadeSpeed);
	button.hide()

	if(currentImage < divNumber-1){
		img=divArray[currentImage+1].find("img");
		var buttonindex = currentImage+1;
		button =$(".headerButton:eq("+buttonindex +")");
		currentImage++;
	}else{
		img=divArray[0].find("img");
		button =$(".headerButton:eq(0)");
		currentImage=0;
	}
		
	img.fadeIn(fadeSpeed);
	button.show();
	
  	setTimeout('fade()', 5000);
}