var menuids=new Array("menu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.
var delay=100

function createcssmenu(){

for (var i=0; i<menuids.length; i++){
	var mDivs
	if (window.attachEvent || !document.getElementsByClassName ){ /* Win IE || FF <3*/
		mDivs=getElementsByClassName("submenu","div",document.getElementById(menuids[i]))
	}else{/* FireFox3 */
		//alert(document.getElementById(menuids[i]).getElementsByClassName("submenu"))
		mDivs=document.getElementById(menuids[i]).getElementsByClassName("submenu")
	}
    for (var t=0; t<mDivs.length; t++){
    var spanref=document.createElement("span")
		spanref.className="arrowdiv"
		spanref.innerHTML="&nbsp;&nbsp;"
		spanref.style.top ="0px"
		mDivs[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

    mDivs[t].parentNode.onmouseover=function(){
		//alert("mouseover")
		if (this._out)
			clearTimeout(this._out);
		var oDiv = this
		this._over = setTimeout(function(){
			if (window.attachEvent || !oDiv.getElementsByClassName){ /* Win IE || FF 2*/
				getElementsByClassName("submenu","div",oDiv)[0].style.left=oDiv.parentNode.offsetWidth+submenuoffset+"px"
				getElementsByClassName("submenu","div",oDiv)[0].style.top="0px" //this.offsetTop
				getElementsByClassName("submenu","div",oDiv)[0].style.display="block"
				getElementsByClassName("submenu","div",oDiv)[0].style.height="25px"				
			}else{ /* FireFox3*/
				oDiv.getElementsByClassName("submenu")[0].style.left=oDiv.parentNode.offsetWidth+submenuoffset+"px"
				oDiv.getElementsByClassName("submenu")[0].style.top="0px" //this.offsetTop
				oDiv.getElementsByClassName("submenu")[0].style.display="block"
			}
		},delay);
    }
    mDivs[t].parentNode.onmouseout=function(){

		if (this._over)
			clearTimeout(this._over);
		var oDiv = this
		this._out = setTimeout(function(){
			if (window.attachEvent||!oDiv.getElementsByClassName){ /* Win IE || FF 2*/
				getElementsByClassName("submenu","div",oDiv)[0].style.display="none"
			}else{ /* FireFox3*/
				oDiv.getElementsByClassName("submenu")[0].style.display="none"
			}
		},delay);
    }
    }
  }
}

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

function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (var i = 0, j = objColl.length; i < j; i++) {
    var arrObjClass = objColl[i].className.split(' ');
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]);
          break comparisonLoop;
        }
      }
    }
  }
  return arr;
}