var timeout=0;
var submenuoffset=0; //Offset of submenus from main menu. Default is -2 pixels.
var menuid, ultags;

function menushow(elem){
	if (timeout) clearTimeout(timeout);	
}

function hidemenu() {
	for (var j=0; j<ultags.length;j++) ultags[j].style.display="none";
	clearTimeout(timeout);
}

function createmenu(){
	menuid=document.getElementById("mainmenu");

// 2nd level parents, if there are any
	ultags=menuid.getElementsByTagName("ul");
  	
	for (var t=0; t<ultags.length; t++){
    	var spanref=document.createElement("span");
		spanref.className="arrowdiv";
		spanref.innerHTML="&nbsp;&nbsp;";
		ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
    	ultags[t].parentNode.onmouseover=function(){
			hidemenu();
    		this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px";
    		this.getElementsByTagName("ul")[0].style.display="block";
			clearTimeout(timeout);
    	}
    	ultags[t].parentNode.onmouseout=function() {
			timeout = setTimeout("hidemenu()", 800)
		}
    }
}


if (window.addEventListener)
window.addEventListener("load", createmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", createmenu)