if (document.images)
{
  pic1= new Image(38,15); 
  pic1.src="/images/home_hover.jpg"; 

  pic2= new Image(89,19); 
  pic2.src="/images/av_hover.jpg";

  pic3= new Image(135,17); 
  pic3.src="/images/lyrics_hover.jpg";

  pic4= new Image(27,17); 
  pic4.src="/images/bio_hover.jpg";

  pic5= new Image(59,17); 
  pic5.src="/images/reviews_hover.jpg";

  pic6= new Image(74,17); 
  pic6.src="/images/buy_stuff_hover.jpg";

  pic7= new Image(42,17); 
  pic7.src="/images/links_hover.jpg";

  pic8= new Image(37,18); 
  pic8.src="/images/blog_hover.jpg";

  pic9= new Image(80,18); 
  pic9.src="/images/contact_hover.jpg";

}

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 + "_hover.jpg";
	option.style.backgroundImage = "url(" + overBackground + ")";
}	

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