var tt;
var mouseposx = 0;
var mouseposy = 0;

function tooltipShow(posX, posY)
{
    var wrapper = document.getElementById('tooltip-wrapper');
	wrapper.style.top = posY + 'px';
	wrapper.style.left = posX + 'px';
	wrapper.style.display = 'block';
}

function tooltipHide()
{
    var wrapper = document.getElementById('tooltip-wrapper'); 
	wrapper.style.display = 'none';
}

function getMousePosition(e)
{
	if (!e) var e = window.event;
	if (e.pageX || e.pageY)	{
		mouseposx = e.pageX;
		mouseposy = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		mouseposx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		mouseposy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
}

function showTooltip(e, tooltipContent)
{
	var wrapper = document.getElementById('tooltip-wrapper');

	document.getElementById("tooltip-content").innerHTML = tooltipContent;

	getMousePosition(e);
		
	window.status = mouseposx + ' - ' + mouseposy;
		
	wrapper.style.top = (mouseposy + 10) + 'px';
	wrapper.style.left = (mouseposx - 5) + 'px';
		
	wrapper.style.display = 'block';

}

function hideTooltip(id)
{
	tt = setTimeout("tooltipHide();", 2000);
}

function clearHideTooltip()
{
	clearTimeout(tt);
}