var menuids = ["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
var lastNode = null;

function initsidebarmenu() {
    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"
            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 access ability
            var theobj = ultags[t].parentNode.getElementsByTagName("a")[0];

            theobj.onfocus = function() {
                this.parentNode.getElementsByTagName("ul")[0].style.display = "block";

            }

        }

        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";
        }

    }


    $('#sidebarmenu1 a[class="lasttag"]').blur(function() {
        //disapper if none after it 
        if (this.parentNode.getElementsByTagName("ul").length == 0) {
            this.parentNode.parentNode.parentNode.getElementsByTagName("ul")[0].style.display = "none";
            lastNode = "yes";
        }
    });

    $('#sidebarmenu1 a[class="toptag"]').focus(function() {
        if (lastNode == "yes") {
            // colse all open item
            $('#sidebarmenu1 ul').hide();
            lastNode = "";
        }
    });

}



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