function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++)
{
    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
        for (var t=0; t<ultags.length; t++)
        {
            if (ultags[t].parentNode.parentNode.id==menuids[i])
            {
                //if this is a first level submenu
	            ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
	            //ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
            }
            else
            { 
                //else if this is a sub level menu (ul)
                ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
                //ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
            }
            ultags[t].parentNode.onmouseover=function(){this.getElementsByTagName("ul")[0].style.visibility="visible"}
            ultags[t].parentNode.onmouseout=function(){this.getElementsByTagName("ul")[0].style.visibility="hidden"}
        }
    }
}

if (window.addEventListener)
    window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
    window.attachEvent("onload", buildsubmenus_horizontal);

Ext.onReady(function(){
	var parentWidth=Ext.fly(menuids[0]).parent().getWidth(),children=Ext.select('#'+menuids[0]+' > li'),width=0,child,whitespace,spans=Ext.select('#'+menuids[0]+' > li > a > span');
	for (var i=0,len=spans.getCount();i<len;i++) {
		width+=spans.item(i).getWidth();
	}
    whitespace=Math.floor((parentWidth-width-len)/(len-1));
	for (i=0;i<len;i++){
		child=children.item(i);
		if(i!=len-1) child.setWidth(spans.item(i).getWidth()+whitespace);
                else child.setWidth(spans.item(i).getWidth());
	}
});
