var mouseX = 0;
var mouseY = 0;
document.onmousemove = getMouseCoordinates;

function getMouseCoordinates(e)
{
    if (!e) // IE
    {
        mouseX = event.clientX + document.body.scrollLeft;
        mouseY = event.clientY + document.body.scrollTop;
    }
    else // NS
    {
        mouseX = e.pageX;
        mouseY = e.pageY;
    }
}

function showDetails()
{
    section = getObject("divEcardDetails");
    
    if (section.style.visibility == "visible")
    {
        hideDetails(section);
        return;
    }

    section.style.left = "" + (getScreenCenterX() - 300) + "px";
    section.style.top = "200px";
    section.style.visibility = "visible";
}

function hideDetails()
{
    section = getObject("divEcardDetails");
    section.style.left = "-1000px";
    section.style.visibility = "hidden";
}