// JavaScript Document
function showLotPopup(img, x, y, html, height)
{
    if (timeoutEvent != null) {
        clearTimeout(timeoutEvent);
        timeoutEvent = null;
    }

    var offsetX = findPosX(document.getElementById(img));
    var offsetY = findPosY(document.getElementById(img));

    x += offsetX;
    y += offsetY;

    /* IE offsets */
//    x += 0;
//    y += 0;

    x += 0;
    y += 0;

    var popup = document.getElementById("mainPopup");
    var callout = document.getElementById("callout");

    y -= 40;

    callout.style.left = x + "px";
    callout.style.top = y + "px";

//    x -= 111;
//    y -= 45 + height;


    x -= 140;
    y -= 38 + height;

    popup.style.left = x + "px";
    popup.style.top = y + "px";


    
    callout.style.display = "inline";
    popup.style.display = "inline";

    var contentDiv = document.getElementById("mainContent");

    contentDiv.innerHTML = html;
    contentDiv.style.height = height + "px";
}

var timeoutEvent = null;

function hideLotPopup()
{
    timeoutEvent = setTimeout("closeLotPopup();", 500);
}

function stopTimeout()
{
    if (timeoutEvent != null) {
        clearTimeout(timeoutEvent);
        timeoutEvent = null;
    }
}


function closeLotPopup()
{
    var popup = document.getElementById("mainPopup");
    var callout = document.getElementById("callout");

    callout.style.display = "none";
    popup.style.display = "none";
}

function findPosX(obj)
{
	var curleft = 0;

    if (obj != null) {
	    if (obj.offsetParent)
	    {

		    while (obj.offsetParent)
		    {
			    curleft += obj.offsetLeft
			    obj = obj.offsetParent;
		    }
	    }
	    else if (obj.x)
		    curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
    if (obj != null) {
	    if (obj.offsetParent)
	    {
		    while (obj.offsetParent)
		    {
			    curtop += obj.offsetTop
			    obj = obj.offsetParent;
		    }
	    }
	    else if (obj.y)
		    curtop += obj.y;
	}
	return curtop;
}