// Works for 2 hidden levels deep (ul#navmenu li ul li ul li)

function startList() {
  if (document.all&&document.getElementById) {
    navRoot = document.getElementById("navmenu");
    for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
          this.style.zIndex=200;
        }
        node.onmouseout=function() {
          this.className=this.className.replace(" over", "");
          this.style.zIndex=200;
        }
      }
      for (j=0; j<node.childNodes.length; j++) {
        subnode = node.childNodes[j];
        if (subnode.nodeName=="UL") {
          for (k=0; k<subnode.childNodes.length; k++) {
            subsubnode = subnode.childNodes[k];
            if (subsubnode.nodeName=="LI") {
              subsubnode.onmouseover=function() {
                this.className+=" over";
                this.style.zIndex=200;
              }
              subsubnode.onmouseout=function() {
                this.className=this.className.replace(" over", "");
                this.style.zIndex=200;
              }
            }
          }
        }
      }
    }
  }
}