var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){
    for (var i = 0; i < menuids.length; i++) {
        if (document.getElementById(menuids[i]) != null) {
            var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul");
            for (var t = 0; t < ultags.length; t++) {
                var spanref = document.createElement("span");
                spanref.className = "arrowdiv";
                spanref.innerHTML = "&nbsp;&nbsp;";
                ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref);
                ultags[t].parentNode.onmouseover = function () {
                    this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth + submenuoffset + "px"
                    this.getElementsByTagName("ul")[0].style.display = "block";
                }
                ultags[t].parentNode.onmouseout = function () {
                    this.getElementsByTagName("ul")[0].style.display = "none";
                }
            } //for
        }//if
    }
}


if (window.addEventListener)
    window.addEventListener("load", createcssmenu, false);
else if (window.attachEvent)
    window.attachEvent("onload", createcssmenu);

var menuids2=new Array("verticalmenu2") //Enter id(s) of UL menus, separated by commas
var submenuoffset2=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu2(){
    for (var i = 0; i < menuids2.length; i++) {
    if (document.getElementById(menuids2[i])!=null) {
      var ultags=document.getElementById(menuids2[i]).getElementsByTagName("ul")
      for (var t = 0; t < ultags.length; t++) {
          var spanref = document.createElement("span");
          spanref.className = "arrowdiv2";
          spanref.innerHTML = "&nbsp;&nbsp;";
          ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref);
          ultags[t].parentNode.onmouseover = function () {
              this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth + submenuoffset2 + "px"
              this.getElementsByTagName("ul")[0].style.display = "block";
          }
          ultags[t].parentNode.onmouseout = function () {
              this.getElementsByTagName("ul")[0].style.display = "none";
          }
      }
    }
  }
}

if (window.addEventListener)
    window.addEventListener("load", createcssmenu2, false);
else if (window.attachEvent)
    window.attachEvent("onload", createcssmenu2);
