//this code here depends on certain ids and classes in the html it works on
 
var pages = ["home.html", "gallery.html?gallery=first", "statement.html", "resume.html", "contact.html", "news.html"];
var thisMenuItem;
var thisMenuItemIdx;
var litMenuImages;
var dimMenuImages;

YAHOO.util.Event.onContentReady ("formenu", function () {
	thisMenuItem = document.getElementById(thisMenuItemId);
	var menuTable = document.getElementById("formenu");

	litMenuImages = new Array(menuTable.rows.length);
	dimMenuImages = new Array(menuTable.rows.length);

	//litMenuImages = new Array(menuElements.length);
	//dimMenuImages = new Array(menuElements.length);

	//var menuElements =  YAHOO.util.Dom.getElementsByClassName("menuitem", "img", menuTable);
	for (var i = 0; i < menuTable.rows.length; i++){
//	for (var i = 0; i < menuElements.length; i++){
//		var menuItem = menuElements[i];
		var menuItem = menuTable.rows[i].cells[0].childNodes[0]
		var dotIndex = menuItem.src.lastIndexOf(".");
		if (menuItem.id != thisMenuItemId)
		{
			var page = pages[i];
		   YAHOO.util.Event.addListener(menuItem, "click", function(e, p){window.location=p;}, pages[i]);

		  dimMenuImages[i]=menuItem.src;
		  // litMenuImages[i]=menuItem.src.replace(".", "!.");
		  var a = menuItem.src.substr(0, dotIndex);
		  var b = menuItem.src.substr(dotIndex);
          litMenuImages[i] = a + "-" + b;
		  YAHOO.util.Event.addListener(menuItem, "mouseover", lightMenuItem, i); 
		  YAHOO.util.Event.addListener(menuItem, "mouseout", dimMenuItem, i);
		} else {
		  thisMenuItemIdx = i;
		  //dimMenuImages[i]=menuItem.src.replace("!.", ".");
          var a = menuItem.src.substr(0, dotIndex);
		  var b = menuItem.src.substr(dotIndex);
          dimMenuImages[i] = a + "!" + b;
		  litMenuImages[i]= a + "-" + b;
		  menuItem.src=dimMenuImages[i];
		}

     } 
	 //YAHOO.util.Event.addListener(document.getElementById("menuspot"), "mouseout", lightThisMenuItem);
});

function lightMenuItem(event, index){
   //thisMenuItem.src=dimMenuImages[thisMenuItemIdx];
   this.src=litMenuImages[index];
}

function dimMenuItem(event, index){
   this.src=dimMenuImages[index];
   //thisMenuItem.src=litMenuImages[thisMenuItemIdx];
}

//function lightThisMenuItem(event){
//   thisMenuItem.src=litMenuImages[thisMenuItemIdx];
//}