var mouseX = 0, mouseY = 0;       // beinhalten später die Position des Mauszeigers
var xMargin = 10, yMargin = 10;   // zusätzlicher Abstand zum Mauszeiger
var ttipDisplayed = false;        // Statusvariable, nicht ändern

/*
------------------------------------------------------------------------------------------------
A U F R U F 
------------------------------------------------------------------------------------------------
<a href="javascript: void(0)" onMouseMove="moveTooltip ('DIVID')" onmouseover="toggleTooltip ('DIVID')" onmouseout="toggleTooltip ('DIVID')">...</a>

<div id="DIVID" class="tooltip">
...
</div>

*/

// Event-Handler, speichert ständig die aktuelle Position der Mauszeigers
function saveMouseCoords (e)
{
	if (e)   // Netscape
	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else   // MSIE
	{
		mouseX = window.event.clientX;
		mouseY = window.event.clientY;
	}
	
}

function moveTooltip (ttipId)
{
	var elem = document.getElementById (ttipId);
	if (elem != null)
	{
		elem.style.left    = (mouseX + xMargin) + "px";
		elem.style.top     = (mouseY + yMargin) + "px";
	}
}

// Steuert Anzeige und Position des angegebenen Tooltips
function toggleTooltip (ttipId)
{
	var elem = document.getElementById (ttipId);

	if (elem != null)
	{
		if (elem.style.display == "none"  ||  ttipDisplayed == false)
		{
			elem.style.position= "absolute";
			elem.style.left    = (mouseX + xMargin) + "px";
			elem.style.top     = (mouseY + yMargin) + "px";
			elem.style.display = "block";
			ttipDisplayed      = true;
		}
		else
		{
			elem.style.display = "none";
			ttipDisplayed      = false;
		}

		return true;
	}
	else
		return false;
}

// Einbinden des Event-Handlers
if (document.captureEvents)
	document.captureEvents (Event.MOUSEMOVE);

document.onmousemove = saveMouseCoords;