function pu_closebtnHover(ev)
{
    $('pu-closebtn').hide();
    $('pu-closebtn-hover').show();
}
function pu_closebtnLeave(ev)
{
    $('pu-closebtn-hover').hide();
    $('pu-closebtn').show();
}
function pu_close(ev)
{
    $('pu-container').hide();
}

function pu_show()
{
    pu_displayPopup();
}

function pu_displayPopup()
{
    var cont = $('pu-container');
    cont.show();

    var dim = document.viewport.getDimensions();
    var off = document.viewport.getScrollOffsets();
    var scrnwidth = document.viewport.getWidth();
    var scrnmid = Math.round(scrnwidth / 2);

    var left = (scrnmid - 340) + 40;
    var top = (dim.height / 2) - 210 + off.top;
    cont.style.left = left + "px";
    cont.style.top = top + "px";
}

function pu_setup()
{
    $('pu-closebtn').observe('mouseover', pu_closebtnHover);
    $('pu-closebtn-hover').observe('mouseout', pu_closebtnLeave);
    $('pu-closebtn-hover').observe('click', pu_close);
    $('pu-closebtn-hover').hide();
}