var cssmenuids = ["cssmenu1", "cssmenu2"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset = -1 //Offset of submenus from main menu. Default is 0 pixels.

//function createcssmenus() {
//    createcssmenu2("cssmenu1");
//    createcssmenu2("cssmenu2");
//}

function createcssmenus() {
    //var id2 = document.getElementById(menuid);
    for (var i = 0; i < cssmenuids.length; i++) {

        // dynamicall adjust width
        var br = new Array(4);
        br = getBrowser();

        var numcol = document.getElementById(cssmenuids[i]).childNodes.length;
//        if (br[0] == "msie") {
//            for (var j = 0; j < numcol; j++) {
//                var litag = document.getElementById(cssmenuids[i]).childNodes[j];
//                litag.getElementsByTagName("a")[0].style.width = 1000 / (numcol+1);
//                litag.getElementsByTagName("a")[0].style.paddingBottom = 5;
//            }
//        }
//        else {
//            // hack hack hack
//            for (var j = 0; j < numcol; j++) {
//                var litag = document.getElementById(cssmenuids[i]).childNodes[j];
//                litag.getElementsByTagName("a")[0].style.width = "150px";  //(1000 - numcol * 16.357) / numcol;
//                litag.getElementsByTagName("a")[0].style.paddingBottom = 3;
//            }
//        }


        var ultags = document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
        for (var t = 0; t < ultags.length; t++) {
            ultags[t].style.top = ultags[t].parentNode.offsetHeight + csssubmenuoffset + "px"
            var spanref = document.createElement("span")
            spanref.className = "arrowdiv"
            spanref.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;"
            ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

            ultags[t].parentNode.onmouseover = function() {
                this.style.zIndex = 100
                this.getElementsByTagName("ul")[0].style.visibility = "visible"
                this.getElementsByTagName("ul")[0].style.zIndex = 0
            }
            ultags[t].parentNode.onmouseout = function() {
                this.style.zIndex = 0
                this.getElementsByTagName("ul")[0].style.visibility = "hidden"
                this.getElementsByTagName("ul")[0].style.zIndex = 100
            }
        }
    }
}


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


//window.onload = createcssmenu2;
//window.onresize = createcssmenu2;