function Init_tooltip()
{
	var tagD = document.createElement("div");
	tagD.id = "gkctip";
	tagD.style.position = "absolute";
	tagD.style.display = "none";
	document.body.appendChild(tagD);
	$("gkctip").addClassName('gkctip');

	var myElements = document.getElementsByClassName("infotype");
	for(i=0;i<myElements.length;i++)
	{
		Event.observe(myElements[i], 'mouseover', function(){tooltipVisible(this);}, false);
		Event.observe(myElements[i], 'focus', function(){tooltipVisible(this);}, false);
		Event.observe(myElements[i], 'mouseout', tooltipHidden, false);
		Event.observe(myElements[i], 'blur', tooltipHidden, false);
	}
}

function tooltipHidden()
{
	$("gkctip").style.display="none";
}

function tooltipVisible(elementCible)
{
	if ("" != elementCible.getAttribute("info"))
	{
		var posx = Element.viewportOffset(elementCible).left;
		var posy = Element.viewportOffset(elementCible).top + elementCible.getHeight();

		$("gkctip").innerHTML = elementCible.getAttribute("info");

		if ((posx+$("gkctip").getWidth()) > document.viewport.getDimensions().width)
		{
			posx = (posx+elementCible.getWidth())-$("gkctip").getWidth();
		}

		if ((posy+$("gkctip").getHeight()) > document.viewport.getDimensions().height)
		{
			posy = (Element.viewportOffset(elementCible).top-$("gkctip").getHeight())-8;
		}

		$("gkctip").style.left = posx + "px";
		$("gkctip").style.top = posy + 2 + "px";

		$("gkctip").style.display="";
		$("gkctip").style.zIndex="400";
	}
}

Event.observe(window, 'load', Init_tooltip, false);