function $(id) {
    if (id && id !='')
      return document.getElementById(id);
}

var __gReqIframe = false;
var navMenuItems = ['/about-us','/products','/services','/resources'];

function navInit() {
    if (BrowserDetect.browser.indexOf("Safari") != -1 ||
        BrowserDetect.browser.indexOf("Explorer") != -1 &&
        BrowserDetect.version <= 6) {
        __gReqIframe = true;
    }
    if (document.getElementById) {
        var e = $("navmain");
        var lo, h, ch;
        if (e) {
            if (__gReqIframe) {
                e.innerHTML = dynIframe("ifr") + e.innerHTML;
                var ifr = e.getElementsByTagName("iframe")[0];
                if (ifr) {
                    ifr.onfocus = null;
                    ifr.style.top = e.offsetHeight + "px";
                }
            }
            if (BrowserDetect.browser.indexOf("Safari") != -1 ||
                BrowserDetect.browser.indexOf("Explorer") != -1) {
                __gMenuDelay = 0;
            }
            lo = location.href.toString();
            h = lo.indexOf("#");
            if (h >= 0) {
                lo = lo.substring(0, h);
            }
            lo += "#";
            var lis = e.getElementsByTagName("li");
            
            // set up current tab            
            var menuItem = null;
            
            for (j=0; j < navMenuItems.length; j++) {                       
              if (window.location.pathname.indexOf('/en/index.html') != -1) {
                menuItem = $('menu0');                     
              } else if (window.location.pathname.indexOf(navMenuItems[j]) != -1) {              
                menuItem = $('menu' + (j + 1));                
              }                     
            } 
            
            if (menuItem) {
              addClassName(menuItem, 'current');
              /*
              var menuImages = menuItem.getElementsByTagName("img");
              var menuImage = (menuImages) ? menuImages[0] : null;
              
              if (menuImage) {                    
                menuImage.src = menuImage.src.replace("_off.", "_on.");                
              }*/
            }
            
            for (i = 0; i < lis.length; i++) {
                if (lis[i].parentNode.parentNode.id == "navmain") {                                        __gMtimer[lis[i].id] = 0;
                    lis[i].onmouseover = function () {submenuOn(this);if ($("ifr")) {showIFrame(this.id);}};
                    lis[i].onmouseout = function () {__gMtimer["\"" + this.id + "\""] = setTimeout("submenuOff('" + this.id + "')", __gMenuDelay);if ($("ifr")) {hideIFrame(this.id);}};
                    ch = lis[i].childNodes;
                    for (h = 0; h < ch.length; h++) {
                        if (ch[h].nodeType == 1 &&
                            ch[h].nodeName == "A" &&
                            (ch[h].href == "#" || ch[h].href == lo)) {
                            ch[h].onclick = function () {return false;};
                            break;
                        }
                    }
                } else {
                    lis[i].onmouseover = function () {if (typeof submenu2On == "function") {submenu2On(this);}};
                    lis[i].onmouseout = function () {if (typeof submenu2Off == "function") {submenu2Off(this);}};
                }
            }
        }
    }
}



var navArr=['navmain'];
var navImgExtArr = ["", "_on.", "_current.", "_current."];
var multipageArr = ['/about-us','/products','/services','/resources'];
var multilvl = false;
var currentUrl = window.location + "";
if (currentUrl.indexOf("http://") != -1) {
    currentUrl = currentUrl.substring(7, currentUrl.length);
}
currentUrl = currentUrl.substring(currentUrl.indexOf("/"), currentUrl.length);
for (i = 0; i < navArr.length; i++) {
    var container = $(navArr[i]);
      if (container) {        
        multilvl = false;
        var anchors = container.getElementsByTagName("a");        
        for (j = anchors.length - 1; j >= 0; j--) {            
            var anchor = anchors[j];
            var alink = anchor.getAttribute("href");
            if (alink.indexOf("http://") != -1) {
                alink = alink.substring(7, alink.length);
            }
            alink = alink.substring(alink.indexOf("/"), alink.length);
            var alinkParent = currentUrl.substring(0, currentUrl.lastIndexOf("/"));
            alinkParent = alinkParent.substring(0, alinkParent.lastIndexOf("/") + 1);
            // if (i == 1) {
                for (m = 0; m < multipageArr.length; m++) {  
                    console.log("test");                  
                    if (alinkParent.indexOf(multipageArr[m]) != -1) {
                        console.log("test");
                        multilvl = true;
                    }
                }
            // }
            if (alink != "/" &&
                (multilvl && alink.indexOf(alinkParent) != -1 ||
                currentUrl.indexOf(alink) != -1)) {
                var css = anchor.parentNode.className + " current";
                anchor.parentNode.className = css;
                if (anchor.className.indexOf("ro") != -1 &&
                    navImgExtArr[i] != "") {
                    var imgs = anchor.getElementsByTagName("img");
                    for (k = 0; k < imgs.length; k++) {
                        var path = imgs[k].src + "";
                        imgs[k].src = imgs[k].src.replace("_off.", navImgExtArr[i]);
                    }
                }
                break;
            }
        }
    }
}
















var __gMtimer = [];
var __gMenuDelay = 100;

function submenuOn(o) {    
    clearTimeout(__gMtimer["\"" + o.id + "\""]);
    var c = "" + o.className;
    c = c.indexOf("over") != -1 ? c : c + " over";
    o.className = c;
}


function submenuOff(id) {
    clearTimeout(__gMtimer["\"" + id + "\""]);
    var o = $(id);
    if (o) {
        var c = "" + o.className;
        o.className = c.replace(/over/g, "");
        if (o.className.indexOf("current") != -1) {
            return;
        }
        imgRollOff(o);
    }    
}


function submenu2On(o) {
    clearTimeout(__gMtimer["\"" + o.parentNode.id + "\""]);
    var c = "" + o.className;
    c = c.indexOf("over") != -1 ? c : c + " over";
    o.className = c;
}


function submenu2Off(o) {
    var c = "" + o.className;
    o.className = c.replace(/over/g, "");
}


function showIFrame(id) {
    var ifr = $("ifr");
    if (ifr) {
        var e = $(id);
        if (e) {
            var lis = e.getElementsByTagName("li");
            var h = e.offsetHeight;
            var w = 0;
            for (i = 0; i < lis.length; i++) {
                h += lis[i].offsetHeight;
                w = w <= 0 ? lis[i].offsetWidth : w;
            }
            if (BrowserDetect.browser.indexOf("Explorer") == -1) {
                h++;
            }
            ifr.style.left = e.offsetLeft + "px";
            ifr.style.width = w + "px";
            ifr.style.height = h + "px";
            var hiddenIf = ifr.getElementsByTagName("iframe")[0];
            if (hiddenIf) {
                hiddenIf.style.width = w + "px";
                hiddenIf.style.height = h + "px";
            }
        }
    }
}


function hideIFrame(id) {
    clearTimeout(__gMtimer[id]);
    var ifr = $("ifr");
    if (ifr) {
        ifr.style.height = "26px";
        var hiddenIf = ifr.getElementsByTagName("iframe")[0];
        if (hiddenIf) {
            hiddenIf.style.height = "26px";
        }
    }
}


function imgRollOverInit() {
    if (document.getElementById) {
        var ahrefs = document.getElementsByTagName("a");
        aImgs = new Array;
        for (i = 0; i < ahrefs.length; i++) {
            if (ahrefs[i].className == "ro") {
                if (ahrefs[i].childNodes[0].getAttribute("src").indexOf("_off") != -1) {
                    aImgs[i] = new Image;
                    aImgs[i].src = ahrefs[i].childNodes[0].getAttribute("src").replace(/_off\./, "_on.");
                }
                ahrefs[i].onmouseover = function () {imgRollOn(this);};
                ahrefs[i].onmouseout = function () {imgRollOff(this);};
            }
        }
    }
    aImgs = null;
}


function imgRollHandler(e, s1, s2) {
    var imgs = e.getElementsByTagName("img");
    for (i = 0; i < imgs.length; i++) {
        var path = imgs[i].src + "";
        imgs[i].src = path.replace(s1, s2);
    }
}


function imgRollOn(e) {
    imgRollHandler(e, "_off.", "_on.");
}


function imgRollOff(e) {
    if (e.parentNode.className.indexOf("over") == -1 &&
        e.parentNode.className.indexOf("current") == -1) {
        imgRollHandler(e, "_on.", "_off.");
    }
}


function toggleEl(id, mode) {
    var e = $(id);
    if (e) {
        var v = "hidden";
        var d = "none";
        v = mode == 0 ? v : "visible";
        d = mode == 0 ? d : mode == 1 ? "block" : "inline";
        e.style.display = d;
        e.style.visibility = v;
    }
}


function dynIframe(id) {
    var style = "position:absolute;display:block;visibility:visible;z-index:1;background-color:transparent;top:0;left:0;width:100%;height:100%;overflow:hidden;";
    var ifstr = BrowserDetect.browser.indexOf("Explorer") != -1 ? "<iframe style=\"" + style + "filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);\" src=\"" + location.protocol + "//" + location.host + "/b.html\" frameborder=\"0\" scrolling=\"no\"></iframe>" : "<iframe src=\"" + location.protocol + "//" + location.host + "/b.html\" style=\"" + style + "\" frameborder=\"0\" scrolling=\"no\"></iframe>";
    var str = "<div id=\"" + id + "\" style=\"" + style + "\">" + ifstr + "</div>";
    return str;
}
