if (document.images)
{
  pic1= new Image(40,13); 
  pic1.src="images/home_over.gif"; 

  pic2= new Image(82,13); 
  pic2.src="images/audioVideo_over.gif";

  pic3= new Image(40,16); 
  pic3.src="images/lyrics_over.gif";

  pic4= new Image(23,13); 
  pic4.src="images/bio_over.gif";

  pic5= new Image(54,13); 
  pic5.src="images/reviews_over.gif";

  pic6= new Image(66,16); 
  pic6.src="images/buyStuff_over.gif";

  pic7= new Image(37,13); 
  pic7.src="images/links_over.gif";

  pic8= new Image(33,18); 
  pic8.src="images/blog_over.gif";

  pic9= new Image(76,13); 
  pic9.src="images/contactMe_over.gif";

}

addLoadEvent(prepareMenu);

function prepareMenu() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	
	var menuList = document.getElementById("menuList");
	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 overBackground = "images/" + optionID + "_over.gif";
	option.style.backgroundImage = "url(" + overBackground + ")";
}	

function outBackground(option) {
	var optionID = option.getAttribute("id");
	var outBackground = "images/" + optionID + ".gif";
	option.style.backgroundImage = "url(" + outBackground + ")";
}