//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas

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"
    
        ultags[t].parentNode.onmouseover=function(e){
        this.getElementsByTagName("ul")[0].isMouseOver=true;
        this.getElementsByTagName("ul")[0].style.display="block"
        hideAllOther(this);

        if(this.toref)
            window.clearTimeout(this.toref);
      }
      ultags[t].parentNode.onmouseout=function(){
        var saveref=this.getElementsByTagName("ul")[0];
        saveref.isMouseOver=false;
        if(this.toref)
            window.clearTimeout(this.toref);
        
        this.toref=window.setTimeout(function(e){
          if(!saveref.isMouseOver)
              saveref.style.display="none"
        },2000);
      }    
        
    
        if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
            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"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
    
    
        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.visibility="visible"
        ultags[t].style.display="none"
        }
   
  }
}

function hideAllOther(liobj){
  var p=liobj.parentNode.childNodes;
  
  //alert(liobj.parentNode.childNodes[3]);
  //alert(p);
  
  var i;
try{
  for (i=0; i<p.length; i++){
    if (liobj != p[i] && "LI"==p[i].tagName && p[i].getElementsByTagName("ul").length)
      p[i].getElementsByTagName("ul")[0].style.display="none";
  }
  }catch(e){
    alert(p[i].innerHTML)
  }

}


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