//--------------------------
//-- START OF IMAGE POPUP --
//--------------------------

var tmrPopup = null;
function GetImagePopup(src, evt)
{   
    window.clearTimeout(tmrPopup);
    
    var e = new Event(evt);   
    var popup = document.getElementById("popup");
    var popupText = document.getElementById("popupText");
    popup.style.visibility = "hidden";
    popup.style.top = e.eventElementPosition[1] + "px";
    popup.style.left = (e.eventElementPosition[0] + (e.eventElementDimensions[0] / 2) - 35) + "px";
    popup.style.width = "70px";
    popup.style.height = "30px";
    popupText.innerHTML = "Loading...";
    popup.style.visibility = "visible";
                
    //Get the image.
    var img = new Image();    
    img.onload = function()
    {
        popupText.innerHTML = "<img src=\"" + src + "\" />";
        
        var imgNew = popupText.getElementsByTagName("IMG");
        popup.style.width = imgNew[0].width + "px";
        popup.style.left = Math.abs((GetWindowDimensions()[0] - imgNew[0].width) / 2) + "px";
        
        if(e.eventElementPosition[1] <= GetWindowDimensions()[1] / 2)
        {
            popup.style.top = e.eventElementPosition[1] + "px";
        }
        else
        {
            popup.style.top = (e.eventElementPosition[1] + e.eventElementDimensions[1] - imgNew[0].height) + "px";
        }
        
        popup.style.height = imgNew[0].height + "px";
    };
    img.src = src;
}

function ShowPopup()
{
    window.clearTimeout(tmrPopup);
    document.getElementById("popup").style.visibility = "visible";
}

function StartHidePopup()
{
    tmrPopup = window.setTimeout("HidePopup();", 1000, "JavaScript");
}

function HidePopup()
{
    document.getElementById("popup").style.visibility = "hidden";
}

//------------------------
//-- END OF IMAGE POPUP --
//------------------------