function showPopupMenu(parentMenu, offsetX, offsetY)
{    
    var parentMenuObj = document.getElementById(parentMenu);
    var thumb = document.getElementById('thumb_' + parentMenu);
    
    thumb.style.left = getAbsX(parentMenuObj) + offsetX + "px";
    thumb.style.top = getAbsY(parentMenuObj) + offsetY + "px";
    //thumb.innerHTML = '<img src="images/' + parentMenu + '.jpg">';
    
    $(thumb).stop(false, true);
    $(thumb).fadeIn('slow');    
}

function getAbsX(obj) //gets absolute X coordinate of an object
{
    var leftOffset = 0;

    if (obj.offsetParent) {
        while (obj.offsetParent) {
            leftOffset += obj.offsetLeft;
            obj = obj.offsetParent;
        }
    }
    else if (obj.x) //for Netscape v.4
    {
        leftOffset = obj.x;
    }
    if (navigator.appName == "Netscape") {
        leftOffset = leftOffset
    }
    //if (browserInfo.substring(browserInfo.indexOf("MSIE 8.0"), browserInfo.indexOf("MSIE 8.0") + 8) == "MSIE 8.0") {
    //    leftOffset = leftOffset - 10;
    //}
    return leftOffset;
}

function getAbsY(obj) //gets absolute Y coordinate of an object
{
    var browserInfo = navigator.appVersion;
    var topOffset = 0;
    
    if (obj.offsetParent) {
        while (obj.offsetParent) {
            topOffset += obj.offsetTop;
            obj = obj.offsetParent;
        }
    }
    
    else if (obj.y) //for Netscape v.4
    {
        topOffset = obj.y;
    }
    if (browserInfo.substring(browserInfo.indexOf("MSIE 8.0"), browserInfo.indexOf("MSIE 8.0") + 8) == "MSIE 8.0") {
        topOffset = topOffset - 40;
    }
    return topOffset;
}

