<!--
function show_drop_down_menu(menu_id, link_id)
{
    if (document.getElementById(menu_id)) {
        var left2 = getOffsetLeft(link_id) + 'px';
        var left = (getOffsetLeft(link_id) + 170) + 'px';
        var top2 = getOffsetTop(link_id) + document.getElementById(link_id).offsetHeight + 'px';
        var top = (getOffsetTop(link_id) + document.getElementById(link_id).offsetHeight - 26)  + 'px';
        document.getElementById(menu_id).style.left = left;
        document.getElementById(menu_id).style.top = top;
        document.getElementById(link_id).style.backgroundColor = '000066';
        document.getElementById(menu_id).style.visibility = 'visible';
        setHover(link_id, true, 'currentlocation')
    }
}

function hide_drop_down_menu(menu_id, link_id)
{
    if (document.getElementById(menu_id)) {
        document.getElementById(menu_id).style.visibility = 'hidden';
        document.getElementById(link_id).style.backgroundColor = '';
        setHover(link_id, false, 'currentlocation')
    }
}

function getOffsetTop(element)
{
    el = document.getElementById(element);
    xPos = el.offsetTop;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getOffsetLeft(element)
{
    el = document.getElementById(element);
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function setHover(id, state, xclass) {
if (document.getElementById) {
var otherImage = document.getElementById(id);
if (otherImage && typeof otherImage.className == 'string') {
otherImage.className = (state ? xclass : 'arrow');
}
}
}
//-->