var skinPath = "/Portals/_default/Skins/progressive";

function mnuovr(menuid) {
    var mnuname = menuid + "_ddmnu"
    var e = document.getElementById(mnuname)
    if (e.style.display == 'none') {
        document[menuid].src = skinPath + "/media/" + menuid + "_over.gif";
    }
}
function mnuout(menuid) {
    var mnuname = menuid + "_ddmnu"
    var e = document.getElementById(mnuname)
    if (e.style.display == 'none') {
        document[menuid].src = skinPath + "/media/" + menuid + ".gif";
    }
}
function menuover(menuid) {
    document.getElementById(menuid).style.backgroundImage = "url('" + skinPath + "/media/mnu_" + menuid + "_over.gif')"
}
function menuout(menuid) {
    document.getElementById(menuid).style.backgroundImage = "url('" + skinPath + "/media/mnu_" + menuid + ".gif')"
}
function mover(elmid) {
    document[elmid].src = skinPath + "/media/" + elmid + "_over.gif";
}
function mout(elmid) {
    document[elmid].src = skinPath + "/media/" + elmid + ".gif";
}

function GetTopLeft(elm) {
    var x, y = 0;
    x = elm.offsetLeft;
    y = elm.offsetTop;
    elm = elm.offsetParent;
    while (elm != null) {
        x = parseInt(x) + parseInt(elm.offsetLeft);
        y = parseInt(y) + parseInt(elm.offsetTop);
        elm = elm.offsetParent;
    }
    return { Top: y, Left: x };
}

function mnu_clickout(menuid, e) {
    if (!e) {
        e = window.event;
    }
    
    if (!e.fromElement.contains(e.toElement) && !document.getElementById(menuid).contains(e.toElement)) {
        makenorm(); 
    }
} 



function mnu_click(itm) {
    var dim = GetTopLeft(document.getElementById(itm));
    var tp, lt = '';
    var browser = navigator.appName;
    var ua = navigator.userAgent;
    if (browser == "Microsoft Internet Explorer") {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Safari")!=0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Firefox")!=0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 20) + 'px';
    }
    var imgdiv = document.getElementById(itm + "_ddmnu");
    if (imgdiv.style.display == 'none') {
        makenorm()
        imgdiv.style.display = 'block';
        imgdiv.style.top = tp;
        imgdiv.style.left = lt;
        switch (itm) {
            case "services":
                document["services"].src = skinPath + "/media/ddmnu_services_click.gif";
                document["sep1"].src = skinPath + "/media/submnu_servicestableft.gif";
                document["sep2"].src = skinPath + "/media/submnu_servicestabright.gif";
                break;
            case "tools":
                document['tools'].src = skinPath + "/media/ddmnu_tools_click.gif";
                document['sep2'].src = skinPath + "/media/submnu_toolstableft.gif";
                document['sep3'].src = skinPath + "/media/submnu_toolstabright.gif";
                break;
            case "news":
                document["news"].src = skinPath + "/media/ddmnu_news_click.gif";
                document["sep3"].src = skinPath + "/media/submnu_newstableft.gif";
                document["sep4"].src = skinPath + "/media/submnu_newstabright.gif";
                break;
            default:
                break;
        }
    } else {
        makenorm()
    }
    return false
}

function makenorm(e) {
    if (!e) { e = window.event };
    var win = window;
    document.getElementById("services_ddmnu").style.display = 'none';
    document.getElementById("tools_ddmnu").style.display = 'none';
    document.getElementById("news_ddmnu").style.display = 'none';
    document["services"].src = skinPath + "/media/submnu_services.gif";
    document["tools"].src = skinPath + "/media/submnu_tools.gif";
    document["news"].src = skinPath + "/media/submnu_news.gif";
    document["sep1"].src = skinPath + "/media/submenu_separator.gif";
    document["sep2"].src = skinPath + "/media/submenu_separator.gif";
    document["sep3"].src = skinPath + "/media/submenu_separator.gif";
    document["sep4"].src = skinPath + "/media/spacer.gif";
}
function makenorm2(e) {
    if (!e) { e = window.event };
    var win = window;
    document.getElementById("services_ddmnu").style.display = 'none';

    document["services"].src = skinPath + "/media/submnu_services.gif";


    document["sep1"].src = skinPath + "/media/submenu_separator.gif";
    document["sep2"].src = skinPath + "/media/submenu_separator.gif";
}

function clickdown(mnu) {

    for (i = 1; i <= 5; i++) {

        if (i == mnu) {

            document.getElementById('div_mnu' + i).style.display = 'block';

            document.getElementById('mnu' + i).src = skinPath + '/media/sidebar_downarrow.gif'

        } else {

            document.getElementById('div_mnu' + i).style.display = 'none';

            document.getElementById('mnu' + i).src = skinPath + '/media/sidebar_rightarrow.gif'

        }

    }

    return false;

}
function hidesub(menuid, e) {
    if (!e) {
        e = window.event;
    }

    if (!e.fromElement.contains(e.toElement) && !document.getElementById(menuid).contains(e.toElement)) {
        makenorm();
    }
} 
function showsub(itm) {
    var dim = GetTopLeft(document.getElementById(itm));
    var tp, lt = '';
    var browser = navigator.appName;
    var ua = navigator.userAgent;
    if (browser == "Microsoft Internet Explorer") {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Safari") != 0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Firefox") != 0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 20) + 'px';
    }
    var imgdiv = document.getElementById(itm + "_ddmnu");
    if (imgdiv.style.display == 'none') {
        makenorm()
        imgdiv.style.display = 'block';
        imgdiv.style.top = tp;
        imgdiv.style.left = lt;
        switch (itm) {
            case "services":
                document["services"].src = skinPath + "/media/ddmnu_services_click.gif";
                document["sep1"].src = skinPath + "/media/submnu_servicestableft.gif";
                document["sep2"].src = skinPath + "/media/submnu_servicestabright.gif";
                break;
            case "tools":
                document['tools'].src = skinPath + "/media/ddmnu_tools_click.gif";
                document['sep2'].src = skinPath + "/media/submnu_toolstableft.gif";
                document['sep3'].src = skinPath + "/media/submnu_toolstabright.gif";
                break;
            case "news":
                document["news"].src = skinPath + "/media/ddmnu_news_click.gif";
                document["sep3"].src = skinPath + "/media/submnu_newstableft.gif";
                document["sep4"].src = skinPath + "/media/submnu_newstabright.gif";
                break;
            default:
                break;
        }
    } else {
        makenorm()
    }
    return false
}
function showsub2(itm) {
    var dim = GetTopLeft(document.getElementById(itm));
    var tp, lt = '';
    var browser = navigator.appName;
    var ua = navigator.userAgent;
    if (browser == "Microsoft Internet Explorer") {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Safari") != 0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 25) + 'px';
    } else if (ua.indexOf("Firefox") != 0) {
        tp = (dim.Top + 40) + 'px';
        lt = (dim.Left - 20) + 'px';
    }
    var imgdiv = document.getElementById(itm + "_ddmnu");
    if (imgdiv.style.display == 'none') {
        makenorm2()
        imgdiv.style.display = 'block';
        imgdiv.style.top = tp;
        imgdiv.style.left = lt;
        switch (itm) {
            case "services":
                document["services"].src = skinPath + "/media/ddmnu_services_click.gif";
                document["sep1"].src = skinPath + "/media/submnu_servicestableft.gif";
                document["sep2"].src = skinPath + "/media/submnu_servicestabright.gif";
                break;
            case "tools":
                document['tools'].src = skinPath + "/media/ddmnu_tools_click.gif";
                document['sep2'].src = skinPath + "/media/submnu_toolstableft.gif";
                document['sep3'].src = skinPath + "/media/submnu_toolstabright.gif";
                break;
            case "news":
                document["news"].src = skinPath + "/media/ddmnu_news_click.gif";
                document["sep3"].src = skinPath + "/media/submnu_newstableft.gif";
                document["sep4"].src = skinPath + "/media/submnu_newstabright.gif";
                break;
            default:
                break;
        }
    } else {
        makenorm2()
    }
    return false
}