var popupVisible = false
var popupLeft = 0
var popupTop = 0

function showPopup(target, text) {
	//e = window.event; 
	//we are currently passing on 'this'


	// IE uses srcElement, others use target (doesn't work in Firefox)
	//var target = e.target != null ? e.target : e.srcElement;
/*
	if (e.srcElement) {
		var target = e.srcElement
	}
	else if (e.target) {
		var target = e.target
	}
*/

	if (target.className.indexOf('balloontip') > -1) {
		//var pos = getPosition()


		//popupLeft = pos.x
		//popupTop = pos.y

		popupLeft = findPosX(target)
		popupTop = findPosY(target)
	 }


	if (!popupVisible) {
		var balloon = document.getElementById('balloon')

		balloon.innerHTML = text;
		if ((popupLeft> 0) && (popupTop > 0)) {

			balloon.style.left = popupLeft + 19 + "px";
			balloon.style.top = popupTop - 2 + "px";
			balloon.style.display = 'block'
		}

		popupVisible = true;
	}

	return false;
}


function hidePopup() {
	var balloon = document.getElementById('balloon')

	balloon.style.display = 'none'

	popupVisible = false;
}

function findPosX(obj)
{
    var curleft = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curleft += obj.offsetLeft;
            obj = obj.offsetParent;
        }
        if ( obj != null )
            curleft += obj.offsetLeft;
    }
    else if (obj.x)
        curleft += obj.x;

	return curleft;
}

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

    return curtop;
}