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;
				}
			}	
		}
	}
	
	function show_submenu(n)
	{
		id = 'is' + n;
		if($(id).style.display == 'none')
		{
			$(id).style.display = 'block';
			$('isimg' + n).src = n == 1 ? '/images/arrow-top.gif' : '/images/arrow-bottom.gif';
		}
		else
		{
			$(id).style.display = 'none';
			$('isimg' + n).src = '/images/arrow-right.gif';
		}
	}