var cssmenuids=["cssmenu1"] //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 findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }


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++){
        if( ultags[t].className == "second" ) {
            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( ultags[t].className == "third" ) {
            ultags[t].style.top=findPosY(ultags[t].parentNode.getElementsByTagName("a")[0])-findPosY(ultags[t].parentNode)+"px"
            var spanref1=document.createElement("span")
            spanref1.className="arrowdivright"
            spanref1.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
            ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref1)
            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", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)
