function createcssmenu() {
    for (var i = 0; i < menuids.length; i++) {
        var mainMenu = document.getElementById(menuids[i]);
        if (mainMenu) {
            var ultags = getElementsByClassName1(mainMenu, "leftMenuSub")
            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 () {
                    getElementsByClassName1(this, "leftMenuSub")[0].style.left = this.parentNode.offsetWidth + submenuoffset + "px"
                    getElementsByClassName1(this, "leftMenuSub")[0].style.display = "block"
                }
                ultags[t].parentNode.onmouseout = function () {
                    getElementsByClassName1(this, "leftMenuSub")[0].style.display = "none"
                }
                ultags[t].onmouseover = function () {
                    this.parentNode.getElementsByTagName("a")[0].className = "active"
                }
                ultags[t].onmouseout = function () {
                    this.parentNode.getElementsByTagName("a")[0].className = ""
                }
            }
        }
    }
}

function getElementsByClassName1(el, cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = el.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}