var hoverPanel = null;
var hoverPanelHeight = 0;
var popupImage = null;

function initialize()
{
	hoverPanel = window.document.getElementById("hoverPanel");
	popupImage = window.document.getElementById("popupImage");
	
	if (document.all)
		hoverPanelHeight = parseInt(hoverPanel.currentStyle.height);
	else
		hoverPanelHeight = parseInt(hoverPanel.style.height);
}

function element_OnMouseMove(event,photo)
{
    var offset = 1;

    var element = getSourceElement(event);
	var left = getMouseLeft(event) + offset;
	var top = getMouseTop(event) + offset;
	
	if ((left + 80) > getWindowWidth())
	    left -= 102 + offset;
	
	if ((top + 80) > getWindowHeight())
	    top -= 102 + offset;

	
    if (hoverPanel != null)
    {
        if (popupImage.src != photo)
            popupImage.src = photo;
        hoverPanel.style.position = "absolute";
	    hoverPanel.style.top = top + "px";
	    hoverPanel.style.left = left + "px";
	    hoverPanel.style.display = "inline";
	}
}

function element_OnMouseOut()
{
    var newSrc = 'images/icons/misc/photocard.gif';
    
    if (hoverPanel != null)
	    hoverPanel.style.display = "none";
	    
	if (popupImage && (popupImage.src != newSrc))
	    popupImage.src = newSrc;
}