subimage = new Image();
subimage.src = "/images/menu-arrow.gif";
subimage2 = new Image();
subimage2.src = "/images/menu-arrow2.gif";

	function menuHover(e)
	{
		 var flag = true;
		 e = e || window.event;
		 var target = e.target || e.srcElement;
		 target_id = target.id.replace("menu","");
		 if(target_id.indexOf("sub") == -1)
		 {
			 var a = $("spanmenu" + target_id);
			 a.className = a.className == "spanmenu" ? "spanmenu2" : "spanmenu";
		 }
		 else
		 {
			 target_id = target_id.replace("sub","");
			 var i = $("submenuimg" + target_id);
			 i.src = i.src.indexOf("arrow.") != -1  ? subimage2.src : subimage.src;
		 }
	}

	function placeEvents()
	{
		var eAll = document.getElementsByTagName('a');
		var reg = new RegExp("^menu[0-9]+$");
		var reg2 = new RegExp("^submenu[0-9]+$");
		for(var i = 0; i < eAll.length; i++)
		{
			if(eAll[i].id)
			{	
				if(reg.test(eAll[i].id) || reg2.test(eAll[i].id))
				{
					eAll[i].onmouseover = menuHover;
					eAll[i].onmouseout = menuHover;
				}
			}	
		}
	}

