function getElementPosition(el)
{
    var offsetTrail = el;
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}

function showBrewster(rel)
{
    var brewster = document.getElementById('brewster');
    
    var pos = getElementPosition(rel);
    brewster.style.left = parseInt(pos['left']-155)+"px";
    brewster.style.top = parseInt(pos['top']-46)+"px";
    brewster.style.display = 'block';
}

function hideBrewster()
{
    var brewster = document.getElementById('brewster');
    brewster.style.display = 'none';
}
