function noinfo(id)
{
    if (document.getElementById && document.getElementById("info_"+id)) {
        document.getElementById("info_"+id).style.display = "none";
    }
}

function info(element, id)
{
    if (document.getElementById && document.getElementById("info_"+id)) {
        document.getElementById("info_"+id).style.display = "block";
        
        if (navigator.appName == "Microsoft Internet Explorer" && !ie7up) {
            xOffset = -60;
            yOffset = +19;
            document.getElementById("info_"+id).style.width = "130px";
        }
        else {
            xOffset = -215;
            yOffset = -1;
        }
        document.getElementById("info_"+id).style.top  = (getY(element)+yOffset)+"px";
        document.getElementById("info_"+id).style.left = (getX(element)+xOffset)+"px";
    }
}

function getY( oElement )
{
    var iReturnValue = 0;
    while( oElement != null ) {
        //alert (oElement.offsetTop);
        iReturnValue += oElement.offsetTop;
        oElement = oElement.offsetParent;
    }
    return iReturnValue;
}

function getX( oElement )
{
    var iReturnValue = 0;
    while( oElement != null ) {
        iReturnValue += oElement.offsetLeft;
        oElement = oElement.offsetParent;
    }
    return iReturnValue;
}