var menuids = new Array("verticalmenu")

var timerID = 0
var timerElement = null

function hideElement() {
    timerElement.getElementsByTagName("ul")[0].style.display = "none"
}

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++){

            ultags[t].parentNode.onmouseover = function() {
                if(timerID) {
                    clearTimeout(timerID)
                    if(timerElement != this)
                        hideElement()
                }
                this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth+"px"
                this.getElementsByTagName("ul")[0].style.display = "block"
            }
            ultags[t].parentNode.onmouseout = function() {
                if(timerID)
                    clearTimeout(timerID)
                timerID = setTimeout("hideElement()", 300)
                timerElement = this
            }
        }
    }
}


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