var TooltipID = "TooltipDiv";
function PositionX(element)
{
    if(element.offsetParent)
		return element.offsetLeft + PositionX(element.offsetParent);
	else return element.offsetLeft;
}
function PositionY(element)
{
    if(element.offsetParent)
		return element.offsetTop + PositionY(element.offsetParent);
	else return element.offsetTop;
}

function ShowTooltip(TooltippedControl, TooltipText)
{
	var Tooltip = document.getElementById(TooltipID);

	if(Tooltip != null)
		CloseTooltip();

	var wrapper 			= document.createElement("div");
 	wrapper.id 				= TooltipID;
 	wrapper.style.border 	= "1px solid #000";
 	wrapper.style.backgroundColor = "#FFF";
 	wrapper.style.padding 	= "5px";
 	wrapper.style.position 	= "absolute";
 	wrapper.style.left 		= PositionX(TooltippedControl) + 20 + "px";
	wrapper.style.top  		= PositionY(TooltippedControl) + 20 + "px";
	wrapper.style.zIndex    = 1;
	wrapper.innerHTML       = TooltipText;

	document.body.appendChild(wrapper);
}

function CloseTooltip()
{
    var Tooltip = document.getElementById(TooltipID);
    if(Tooltip != null)
		Tooltip.parentNode.removeChild(Tooltip);
}