var bgColors = new Array("#57575A","#6D6E71","#76787B","#8A8C8F","#939598","#A8A9AC","#B2B3B6","#C7C8CA","#D1D2D4");
var standardColor = "#F7F7F7";

var setColors = new Array();
var lastActive = false;
var checkTimeout = false;

function loadNav() {
    if (el = document.getElementById("navigation")) {
        var childs = el.childNodes;
        var showCheck = false;
        var k = 0;
        for (i = 0; i < childs.length; i++) {
            if (childs[i].nodeName.toUpperCase() == "LI") {
                var childs2 = childs[i].childNodes;
                var check = false;
                if (childs[i].className == "active") {
                    lastActive = i;
                }
                for (j = 0; j < childs2.length; j++) {
                    if (childs2[j].nodeName.toUpperCase() == "UL") {
                        check = true;
                        if (childs[i].className == "active") {
                            setBGColor(bgColors[k]);
                            showCheck = true;
                        }
                    }
                }
                setColors[i] = bgColors[k];
                
                if (check) {
                    childs[i].onmouseover = new Function ("showMenu("+i+");");
                    changeLinks(childs[i]);
                    //alert(childs[i]);
                    //alert();
                    //childs1[i].onmouseout = new Function ("hideMenu()");
                    //childs1[i].setAttribute("onmouseout", "");
                    //childs1[i].setAttribute("onmouseover", );
                    //childs1[i].setAttribute("onmouseout", "hideMenu()");
                } else {
                    childs[i].onmouseover = new Function ("showMenu("+i+");");
                }
                k++;
            }
        }
    }
    if (showCheck === false) setBGColor(standardColor);
}

function setBGColor(color) {
    subNavBG = document.getElementById("subNavBg");
    if (subNavBG) {
        subNavBG.style.backgroundColor = color;
    }
}

function showMenu(num) {
     if (el = document.getElementById("navigation")) {
        var childs = el.childNodes;
        if (lastActive !== false) hideMenu(childs[lastActive]);
        if (showMenuL(childs[num])) setBGColor(setColors[num]);
        else setBGColor(standardColor);
        lastActive = num;
        //setBGColor(setColors[num]);
    }
}

function hideMenu(el) {
    var childs = el.childNodes;
    delActive(el);
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "UL") {
            childs[j].style.display = "none";
        }
    }
}

function showMenuL(el) {
    var childs = el.childNodes;
    var result = false;
    setActive(el);
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "UL") {
            childs[j].style.display = "block";
            result = true;
        }
    }
    return result;
}

function changeLinks(el) {
    var childs = el.childNodes;
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "A") {
            childs[j].href="javascript:;";
            childs[j].style.cursor = 'default';
        }
    }
}

function delActive(el) {
    var childs = el.childNodes;
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "A") {
            childs[j].className="";
        }
    }
}

function setActive(el) {
    var childs = el.childNodes;
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "A") {
            childs[j].className="active";
        }
    }
}

function showSubNav(el) {
    var childs = el.childNodes;
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "UL") {
            childs[j].style.display="block";
        }
    }
}

function hideSubNav(el) {
    var childs = el.childNodes;
    for (j = 0; j < childs.length; j++) {
        if (childs[j].nodeName.toUpperCase() == "UL") {
            childs[j].style.display="none";
        }
    }
}