var HideMenuTimer;
var HideMenuTimer2;

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

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

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

    var mwidth = document.getElementById(topnavId).offsetWidth;
	//alert(mwidth);

    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++;
    }
	
	hideAllSubNavLevel2();
}

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;
}
    
function highlightNav(topnavId) {

    var id = document.getElementById(topnavId);
    if (id != null) {
        id.setAttribute("class", "menuitemselected");
    }
}

function unhighlightNav(topnavId) {
    var id = document.getElementById(topnavId);
    if (id != null) {
        id.setAttribute("class", "menuitem");
    }
}	

function showSubNavLevel2(topnavId, subnavToShowId) {
    hideAllSubNavLevel2();

	if (document.getElementById(subnavToShowId) != null)
	{
		document.getElementById(subnavToShowId).style.display = 'block';

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

		var mwidth = 100;
		//alert(mwidth);

		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 top = getElementTop(topnavId);
		document.getElementById(subnavToShowId).style.top = top + "px";
		
		var left = getElementLeft(topnavId);
		left = left + document.getElementById(topnavId).offsetWidth;
		document.getElementById(subnavToShowId).style.left = left + "px";
	}
}

function hideAllSubNavLevel2() {
    var subnav, i;
    i = 1;
	j = 1;
    while (subnav = document.getElementById('submenulevel2' + i + '_' + 1)) {
		j = 1;
		while (subnav = document.getElementById('submenulevel2' + i + '_' + j)) {
			subnav.style.display = 'none';
			j++;
		}
		i++;
    }
}