/////////////////////////////////////////////////////
// Written 6/12/2007 be Brad Chandonnet            //
// See MenuFadeREADME.txt for more information     //  
/////////////////////////////////////////////////////

//SET MENU Constants
var gblOpacity = 100;
var gblFadeSeconds = 1;
var imageCount = new Array(); // AN ARRAY TO KEEP TRACK OF HOW MANY IMAGES EACH LOOP CONTAINS
	imageCount["home"] = 5;
	imageCount["rooms"] = 4;
	imageCount["ludington"] = 6;
	imageCount["specials"] = 2;

var currentImage = new Array(); // AN ARRAY TO KEEP TRACK OF CURRENT IMAGES DISPLAYED
	currentImage["home"] = 1;
	currentImage["rooms"] = 1;
	currentImage["ludington"] = 1;
	currentImage["specials"] = 1;

function getNextImage(name)
{
	var oldImage = currentImage[name];
	if(currentImage[name] == imageCount[name])
	{
		currentImage[name] = 1; //start from the begining
	}
	else
	{
		++currentImage[name];
	}
	switch (name)
	{
		case "home":
			var homeDiv = document.getElementById("homeDiv");
			//place old image in foreground
			document.images.home.src = "./images/menu/menu_" + name + "_" + oldImage + ".jpg";
			//place new image in background		
			homeDiv.style.backgroundImage="url(./images/menu/menu_" + name + "_" + currentImage[name] + ".jpg)";
			//call function to fade current foreground image
			 photoFade(name)
			 break;
				 
		case "rooms":
			var roomsDiv = document.getElementById("roomsDiv");
			//place old image in foreground
			document.images.rooms.src = "./images/menu/menu_" + name + "_" + oldImage + ".jpg";
			//place new image in background		
			roomsDiv.style.backgroundImage="url(./images/menu/menu_" + name + "_" + currentImage[name] + ".jpg)";
			//call function to fade current foreground image
			 photoFade(name)
			break;
		case "ludington":
			var ludingtonDiv = document.getElementById("ludingtonDiv");
			//place old image in foreground
			document.images.ludington.src = "./images/menu/menu_" + name + "_" + oldImage + ".jpg";
			//place new image in background		
			ludingtonDiv.style.backgroundImage="url(./images/menu/menu_" + name + "_" + currentImage[name] + ".jpg)";
			//call function to fade current foreground image
			 photoFade(name)
			break;
		case "specials":
			var specialsDiv = document.getElementById("specialsDiv");
			//place old image in foreground
			document.images.specials.src = "./images/menu/menu_" + name + "_" + oldImage + ".jpg";
			//place new image in background		
			specialsDiv.style.backgroundImage="url(./images/menu/menu_" + name + "_" + currentImage[name] + ".jpg)";
			//call function to fade current foreground image
			 photoFade(name)
			break;
		}
}
function setNewImage()
{
  document.images.home.src = "./images/menu/menu_" + name + "_" + currentImage[name] + ".jpg";
}
function photoFade(imageID)
{
        var theimg = document.getElementById(imageID);
       	var fadeDelta = 100 / (17 * gblFadeSeconds);
		//if (gblOpacity < 2*fadeDelta )
		if (gblOpacity < 1 )  
		{
		  gblOpacity = 100;
		}
		else
		{
		  gblOpacity -= fadeDelta;
		  setOpacity(theimg,gblOpacity);
		  setTimeout("photoFade('"+imageID+"')",17);
		}
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;

  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}