function Init_tooltip()
{
	my_array = $$("div.gkctip");
	my_array.each(function(gkctip) {
		gkctip.remove();
	});

	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, 0);}, false);
		Event.observe(myElements[i], 'focus', function(){tooltipVisible(this, 0);}, false);
		Event.observe(myElements[i], 'mouseout', tooltipHidden, false);
		Event.observe(myElements[i], 'blur', tooltipHidden, false);
	}
	
	var myElements = document.getElementsByClassName("infotype_cur");
	for(i=0;i<myElements.length;i++)
	{
		Event.observe(myElements[i], 'mouseover', function(){tooltipVisible(this, 1);}, false);
		Event.observe(myElements[i], 'focus', function(){tooltipVisible(this, 1);}, false);
		Event.observe(myElements[i], 'mouseout', tooltipHidden, false);
		Event.observe(myElements[i], 'blur', tooltipHidden, false);
	}
}

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

function tooltipVisible(elementCible, mode)
{
	if ("" != elementCible.getAttribute("info"))
	{
		if (mode == 0)
		{
			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="";
		}else
		{
			Event.observe(document, 'mousemove', function(e) {
				mouseX = Event.pointerX(e);
				mouseY = Event.pointerY(e);
				$("gkctip").innerHTML = elementCible.getAttribute("info");
				$("gkctip").style.left = mouseX + "px";
				$("gkctip").style.top = mouseY + 2 + "px";
				$("gkctip").style.display="";
				Event.stopObserving(document, 'mousemove');
			});

		}

		$("gkctip").style.zIndex="20000";
	}
}

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