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++){
        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";
            }
        }
    }
}

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=-8 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu2(){
    for (var i=0; i<menuids2.length; i++){
        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)