var HideMenuTimer;

function showSubNav(topnavId, subnavToShowId) {
    hideAllSubNavs();

    document.getElementById(subnavToShowId).style.display = 'block';

    var links = document.getElementById(subnavToShowId).getElementsByTagName("div");

    var mwidth = 100;

    for (var i = 0; i < links.length; i++) {

        var asublink = links[i].getElementsByTagName("a");

        if (asublink && asublink.length > 0) {
            if (asublink[0].offsetWidth > mwidth) {
                mwidth = asublink[0].offsetWidth;
            }
        }
    }
    //mwidth = mwidth + 6;
    document.getElementById(subnavToShowId).style.width = mwidth + "px";

    var left = getElementLeft(topnavId);
    document.getElementById(subnavToShowId).style.left = left + "px";
}

function hideAllSubNavs() {
    var subnav, i;
    i = 1;
    while (subnav = document.getElementById('submenu' + i)) {
        subnav.style.display = 'none';
        i++;
    }
}

function getElementLeft(Elem) {

    var elem;

    elem = document.getElementById(Elem);

    xPos = elem.offsetLeft;
    tempEl = elem.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getElementTop(Elem) {

    var elem;

    elem = document.getElementById(Elem);

    xPos = elem.offsetTop;
    tempEl = elem.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return xPos + TopSubMenuOffSetY;
}