var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.
var activemenu;
var tid;

function createcssmenu()
{
	for (var i=0; i<menuids.length; i++){

  		var ultags=document.getElementById(menuids[i]).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()
    		{
    			if (activemenu && (activemenu != this.getElementsByTagName("ul")[0]))
    			{
	    			activemenu.style.display="none";
	    			activemenu=null;
				}
				
				if (tid)
					clearTimeout(tid);
				
    			activemenu = this.getElementsByTagName("ul")[0];
    			
    			activemenu.style.left=this.parentNode.offsetWidth+submenuoffset+"px"
    			activemenu.style.display="block"
    			
    		}
    		
    		ultags[t].parentNode.onmouseout=function(evt)
    		{
				tid = setTimeout(hidecssmenu, 500);
			}
    		
         ultags[t].parentNode.onclick=function()
         {
         	hidecssmenu();
    		}
    	}
  	}
}

function hidecssmenu()
{
	if (activemenu)
 	{
 	    activemenu.style.display="none";
 	    activemenu=null;
	}
}
if (window.addEventListener)
{
	window.addEventListener("load", createcssmenu, false);
	window.addEventListener("click", hidecssmenu, false);
	window.addEventListener("keypress", hidecssmenu, false);
}
else if (window.attachEvent)
{
	window.attachEvent("onload", createcssmenu);
	window.attachEvent("click", hidecssmenu);
}