var isIE4 = document.all ? true : false;
var isNS6 = document.getElementById ? true : false;
var layer = null;
var hider = null;
var menu = null;

function getByID(element) {

    if (isNS6) {

        return document.getElementById(element);

    } else if (isIE4) {

        return document.all[element];

    }
    return null;

}



function setStyle(element, property, value) {
    eval("element.style." + property + "='" + value + "'");
}

function runMenu(menuItem, layerName) {
    if (layer != null) {
        setStyle(layer, 'visibility', 'hidden');
    }
    layer = getByID(layerName);
    var xo = menuItem.offsetLeft;
    var yo = menuItem.offsetTop;
    obj = menuItem.offsetParent;
    while (obj.tagName.toUpperCase() != "BODY") {
        xo += obj.offsetLeft;
        yo += obj.offsetTop;
        obj = obj.offsetParent;
    }
    setStyle(layer, 'left', xo);
    setStyle(layer, 'top', yo + menuItem.offsetHeight);
    setStyle(layer, 'zIndex', 3);
    setStyle(layer, 'visibility', 'visible');
    hider = getByID('menuhider');
    setStyle(hider, 'zIndex', 2);
    hider.onmouseover = closeHandler;
    menuItem.onmouseout = outHandler;
}

function outHandler() {
    setStyle(hider, 'visibility', 'visible');
}

function closeHandler() {
    setStyle(layer, 'visibility', 'hidden');
    setStyle(hider, 'visibility', 'hidden');
}