var xPos;
var yPos;
var currentObj;

var eventListenerSupport = (typeof document.attachEvent == 'undefined');

if (eventListenerSupport)
{
	window.addEventListener('load', init, false);
}
else
{
	window.attachEvent('onload', init);
}

function init()
{
	element = document.createElement("div");
	element.setAttribute("id", "tooltip");
	document.body.appendChild(element);
}

function showToolTip(title, msg, evt, obj)
{
    xPos = evt.clientX + 10;
    yPos = evt.clientY + 10;
    currentObj = obj

	var toolTip = document.getElementById("tooltip");
	toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
	toolTip.style.top = parseInt(yPos)+2 + "px";
	toolTip.style.left = parseInt(xPos)+2 + "px";
	toolTip.style.visibility = "visible";
	
	// Attach an event listener to hide the tooltip onMouseOut
	if (eventListenerSupport)
	{
		obj.addEventListener('mouseout', hideToolTip, false);
	}
	else
	{
		obj.attachEvent('onmouseout', hideToolTip);
	}
}

function hideToolTip()
{
	var toolTip = document.getElementById("tooltip");
	toolTip.style.visibility = "hidden";
	
	// Clean up event listener
	if (eventListenerSupport)
	{
		currentObj.removeEventListener('mouseout', hideToolTip, false);
	}
	else
	{
		currentObj.detachEvent('onmouseout', hideToolTip);
	}
}