//DC - popupImage javascript functions

var canHide = 'false';
var previewImage = "";
var mouseX;
var mouseY;
var ctlDiv;
var ctlImg;


function showPreview(productImage, ctlEvent) {

    ctlImg = document.getElementById("imgPopup");
    previewImage = productImage;
    mouseX = ctlEvent.clientX;
    mouseY = ctlEvent.clientY;

    ctlDiv = document.getElementById("divPopup");

    previewImage = previewImage.replace("|", "'");

    ctlImg.src = previewImage;

    ctlDiv.style.display = "block";
    ctlDiv.style.position = "absolute";

    var ScrollTop = document.body.scrollTop;

    if (ScrollTop == 0) 
    {
        if (window.pageYOffset) 
        {
            ScrollTop = window.pageYOffset;
        }
        else 
        {
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
        }
    }

    if ((mouseX + ctlImg.widtht) > (screen.availWidth - 100)) {
        ctlDiv.style.left = ((mouseX + ScrollTop) - ctlImg.width) + "px";
    }
    else {
        ctlDiv.style.left = (mouseX + 10) + "px";
    }


    if ((mouseY + ctlImg.height) > (screen.availHeight - 100)) {
        ctlDiv.style.top = ((mouseY + ScrollTop) - ctlImg.height) + "px";
    }
    else {
        ctlDiv.style.top = (mouseY + ScrollTop + 10) + "px";
    }

    ctlDiv.style.zIndex = 100;
}

function hidePreview() 
{
    ctlImg.src = "/design/images/lister/loading.gif";
    var ctl = document.getElementById("divPopup");
    ctl.style.display = "none";
    ctl.style.position = "static";
}