function getTopOffset(elem)
{
    var total_offset= elem.offsetTop;
    var parent = elem.offsetParent;
    while (parent != null) {
	total_offset += parent.offsetTop;
	parent = parent.offsetParent;
    }
    return total_offset;
}
function getLeftOffset(elem)
{
    var total_offset= elem.offsetLeft;
    var parent = elem.offsetParent;
    while (parent != null) {
	total_offset += parent.offsetLeft;
	parent = parent.offsetParent;
    }
    return total_offset;
}

function showDropdown(s, m)
{
    var browser = window.navigator.appName;
    var dif = 0;
    if (browser != "Microsoft Internet Explorer") { dif = 12; }

    var d = document.getElementById(m);
    var td = document.getElementById(s);
    //var left = td.style.left;
    //var top = td.style.top;
    //top = td.offsetTop + 80;
    //var width = td.style.width;

    var top = getTopOffset(td) + 18 + 'px';
    var left = getLeftOffset(td) - 5 + 'px';

    //td.style.color = "#FFFFFF";
    //td.style.backgroundColor = "#686496";

    d.style.top = top;
    //d.style.top = "120px";
    //document.getElementById('test1').innerHTML = top;
    d.style.left = left;
    //d.style.left = "10px";
    //d.style.width = width;
    //d.style.position = "static";
    d.style.position = "absolute";
    d.style.visibility = "visible";
    d.style.display = "block";
}


function hideDropdown(dropdowndiv)
{
    //var td = document.getElementById(td_item);
    var dropdown = document.getElementById(dropdowndiv);

    //td.style.color = "black";
    //td.style.backgroundColor = "#EEEEEE";

    dropdown.style.position = "static";
    dropdown.style.visibility = "hidden";
    dropdown.style.display = "none";
}

function collapseAll(navbar)
{
    var divs = navbar.getElementsByTagName("div");
    var div;

    for (i = 0; i < divs.length; i++)
    {
	div = divs[i];
	div.style.position = "static";
	div.style.visibility = "hidden";
	div.style.display = "none";
    }
}

// we may have multiple navbars
function collapseAllNavBars()
{
    var nb = document.getElementById("topnavbar");
    collapseAll(nb);
    //var tb = document.getElementById("testnavbar");
    //collapseAll(tb);
}