// Declare array to hold images
var imgArr = new Array()

//storage var
var j = 0

imgArr[0] = 'images/bestbreakfast1.jpg'
imgArr[1] = 'images/bestwaitress1.jpg'
imgArr[2] = 'images/bluechip1.jpg'
imgArr[3] = 'images/countrygravy1.jpg'
imgArr[4] = 'images/nevadaAppeal1.jpg'


//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function initCycle() {
	blendimage('blenddiv', 'blendimage', imgArr[j], 400);
	j++;
	if(j >= 5) j=0;

	setTimeout('initCycle()', 8000);
}