var xcol_cur_menu = null;
var xcol_cur_submenu = null;
var xcol_nav = null;

function show(id) {

//hide this shit from everything except ie
    var agt=navigator.userAgent.toLowerCase();
    var appVer = navigator.appVersion.toLowerCase();


//alert(agt +  "  agt:  appVer    "  +  appVer);


    if (!isDOMcompliant() || agt.indexOf('msie') == -1 ) {//alert("not ie");
    return; }

    hideMenu(id);

    var menu = document.getElementById("submenu" + id);
    menu = menu.childNodes[0];
    var menus = document.getElementById("nav");
    var submenu = menus.getElementsByTagName("ul").item(id);

    if (xcol_cur_submenu == null) {
        submenu.style.display = "block";
    } else {
        submenu.style.display = "block";
    }
    if (xcol_cur_menu == null) {
        menu.style.background = "#fff url('images/nav_down_on.gif') 95% 50% no-repeat";
        menu.className = 'hover';
    } else {

        menu.style.background = "#fff url('images/nav_down_on.gif') 95% 50% no-repeat";
    }
    xcol_cur_menu = menu;
    xcol_cur_submenu = submenu;
    xcol_nav = menus;
}

function hideAll() {
//hide this shit from everything except ie
    var agt=navigator.userAgent.toLowerCase();
    var appVer = navigator.appVersion.toLowerCase();

    if (!isDOMcompliant() || agt.indexOf('msie') == -1 ) {//alert("not ie");
    return; }
    if (xcol_cur_submenu != null) {
        xcol_cur_submenu.style.display = "none";
    }
    if (xcol_cur_menu != null) {
        xcol_cur_menu.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
    }

    xcol_cur_submenu = null;
    xcol_cur_menu = null;
}

function hideMenu(id)
{
    if (id == 1)
    {
        var menu2 = document.getElementById("submenu2");
        menu2 = menu2.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu2 = menus.getElementsByTagName("ul").item(2);

        menu2.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu2.style.display = "none";

        var menu3 = document.getElementById("submenu3");
        menu3 = menu3.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu3 = menus.getElementsByTagName("ul").item(3);

        menu3.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu3.style.display = "none";
    }
    else if (id == 2)
    {
        var menu1 = document.getElementById("submenu1");
        menu1 = menu1.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu1 = menus.getElementsByTagName("ul").item(1);

        menu1.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu1.style.display = "none";

        var menu3 = document.getElementById("submenu3");
        menu3 = menu3.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu3 = menus.getElementsByTagName("ul").item(3);

        menu3.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu3.style.display = "none";
    }
    else if (id == 3)
    {
        var menu1 = document.getElementById("submenu1");
        menu1 = menu1.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu1 = menus.getElementsByTagName("ul").item(1);

        menu1.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu1.style.display = "none";

        var menu2 = document.getElementById("submenu2");
        menu2 = menu2.childNodes[0];
        var menus = document.getElementById("nav");
        var submenu2 = menus.getElementsByTagName("ul").item(2);

        menu2.style.background = "#ccd6e1 url('images/nav_down.gif') 95% 50% no-repeat";
        submenu2.style.display = "none";
    }
}











function isDOMcompliant() {
    return document.getElementById && document.getElementsByTagName;
}