if (document.images)
{
  pic1= new Image(136,94); 
  pic1.src="images/cavernLyrics_hover.jpg"; 

  pic2= new Image(146,101); 
  pic2.src="images/songChest_hover.jpg";

  pic3= new Image(167,70); 
  pic3.src="images/rovicsCove_hover.jpg";

  pic4= new Image(104,89); 
  pic4.src="images/songChestSm_hover.jpg";

  pic5= new Image(67,90); 
  pic5.src="images/rovicsCoveSm_hover.jpg";

  pic6= new Image(108,82); 
  pic6.src="images/mailingMeadowSm_hover.jpg";

  pic7= new Image(79,81); 
  pic7.src="images/lyricsCavernSm_hover.jpg";


}

addLoadEvent(prepareMenu);

function prepareMenu() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	
	if(document.getElementById("mapMenu"))
		var menuList = document.getElementById("mapMenu");
	else
		var menuList = document.getElementById("topMenu");
	var menuOptions = menuList.getElementsByTagName("a");
	
	for ( var i=0; i < menuOptions.length; i++){
		menuOptions[i].onmouseover = function() {
			overBackground(this);			
		}
		menuOptions[i].onmouseout = function() {
			outBackground(this);
		}
	}
}

function overBackground(option) {
	var optionID = option.getAttribute("id");
	var overClass = optionID + "_hover";
	option.className = overClass;
}	

function outBackground(option) {
	var optionID = option.getAttribute("id");
	var outClass = optionID;
	option.className = outClass;
}