// 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;

              }

            }

          }

        }

      }

    }

  }

}