var menuids=["verticleMenu"] 

function buildsubmenus()
{
  for (var i=0; i<menuids.length; i++)
  {
    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++)
    {
       ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
       if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first levesubmenu
          ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
       else //else if this is a sub level submenu (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.onmouseover=function(){
       this.getElementsByTagName("ul")[0].style.display="block"
       this.style.background="#EF5D30"   
       this.getElementsByTagName("a")[0].style.color="#fff"  
       }
       ultags[t].parentNode.onmouseout=function(){
       this.getElementsByTagName("ul")[0].style.display="none"
       this.style.background="transparent"  
       this.getElementsByTagName("a")[0].style.color="#90002A" 
       }
    }
    for (var t=ultags.length-1; t>-1; t--)
    { //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
       ultags[t].style.display="block"
       ultags[t].style.display="none"

    }
  }
}

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