//var menuids = new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset = 0 //Offset of submenus from main menu. Default is -2 pixels.
var browser = navigator.appName;
if (browser.indexOf("Internet Explorer") >= 0)
    submenuoffset = 0;

function createcssmenu(name, lang) {

    var sep = 538;
    if (lang == "en")
        sep = 575;
        
    var menuids = new Array(name);
    for (var i = 0; i < menuids.length; i++) {

        var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul")
        for (var t = 0; t < ultags.length; t++) {
            var spanref = document.createElement("span")
            if (lang == "ar")
                spanref.className = "arrowdiv";
            else
                spanref.className = "arrowdivEn";
                
            spanref.innerHTML = "&nbsp;";
            ultags[t].parentNode.getElementsByTagName("a")[0].dir = "rtl";
            if (ultags[t].parentNode.getElementsByTagName("a")[0].getElementsByTagName("span").length > 0) {
            }
            else {
                ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref);
            }
            ultags[t].parentNode.onmouseover = function() {
                if (this.getElementsByTagName("ul")[0].id != "") {

                    this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth - sep + submenuoffset + "px"
                    this.getElementsByTagName("ul")[0].style.display = "block"
                    this.getElementsByTagName("ul")[0].style.backgroundColor = "#a0a0a0";
                    if (browser.indexOf("Internet Explorer") >= 0) {
                        
                    }
                    else {
                     this.getElementsByTagName("ul")[0].style.width = "252px"
                    }
                }
                else {
                    this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth + submenuoffset + "px"
                    this.getElementsByTagName("ul")[0].style.display = "block"
                }
            }
            ultags[t].parentNode.onmouseout = function() {
                this.getElementsByTagName("ul")[0].style.display = "none"
            }
        }
    }
}
//if (window.addEventListener)
//    window.addEventListener("load", createcssmenu, false)
//else if (window.attachEvent)
//    window.attachEvent("onload", createcssmenu)