var currentShownElement = null;
var toolTipTimer;

function ShowToolTip(element, e){	
	var posX = 0;
	var posY = 0;
	if (e.pageX || e.pageY) 	{
		posX = e.pageX;
		posY = e.pageY;

		if (posX + 300 > window.innerWidth)
			posX = posX - ((posX + 300) - window.innerWidth);
	}
	else if (e.clientX || e.clientY) 	{
		posX = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posY = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
			
		if (posX + 300 > document.body.clientWidth)
			posX = posX - ((posX + 300) - document.body.clientWidth);
	}

	element = $(element);
	
	// Hiding the element if different
	if (currentShownElement != null && currentShownElement != element)
	{
		HideToolTip(currentShownElement);
	}
	
	currentShownElement = element;
	//element.style.position = "absolute";
	element.style.position = "absolute";
	element.style.top = posY
	element.style.left = posX;
	element.setStyle({'z-index': '1000'});

	new Effect.Appear(element, {duration:.4});
	
	clearTimeout(toolTipTimer);
	toolTipTimer = setTimeout('HideToolTip(\'' + element.id + '\')', 5000);
}


function HideToolTip(element)
{
	new Effect.Fade(element, {duration:.4});
}