﻿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 createcssmenu2(){
    for (var i=0; i<cssmenuids.length; i++){
        var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul");
        
        for (var t=0; t<ultags.length; t++){
            var spanref = document.createElement("span");
            var parent = ultags[t].parentNode;
            
            if (parent.tagName == "SPAN")
                parent = parent.parentNode;
            ultags[t].style.top = parent.offsetHeight + csssubmenuoffset + "px";
            spanref.className = "arrowdiv";
            spanref.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;";
            parent.getElementsByTagName("a")[0].appendChild(spanref);
            parent.onmouseover = function(){
                this.style.zIndex = 100;
                this.getElementsByTagName("ul")[0].style.visibility = "visible";
                this.getElementsByTagName("ul")[0].style.zIndex = 0;
            };
            parent.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", createcssmenu2, false)
else if (window.attachEvent)
    window.attachEvent("onload", createcssmenu2)

