var objTooltip = null;

document.onmousemove = fctUpdateTT;

function fctUpdateTT( ev )
{
	if( objTooltip != null )
	{
		var intX = 0;
		var intY = 0;
	
		if( document.all != null )
		{
			// IE	
			intX = window.event.clientX + document.documentElement.scrollLeft + 15;
			intY = window.event.clientY + document.documentElement.scrollTop + 15;
		}
		else
		{
			// Mozilla
			intX = ev.pageX + 15;
			intY = ev.pageY + 15;
		}
		
		objTooltip.style.display = "";
		objTooltip.style.left = intX + "px";
		objTooltip.style.top = intY + "px";
	}
}

function fctShowTT( p_strText, p_strTitle )
{
	var objBody = null;
	var objDivParent = null;
	var objDivText = null;
	var objDivTitle = null;
	
	objBody = document.getElementsByTagName( "body" )[ 0 ];
	
	// falls das element schon vorhanden ist, löschen
	objDivParent = document.getElementById( "TTParent" );
	if( objDivParent != null )
	{
		objBody.removeChild( objDivParent );
		objDivParent = null;
	}
	
	// eltern-div-element erstellen und attribute setzen
	objDivParent = document.createElement( "div" );
	objDivParent.id = "TTParent";
	objDivParent.className = "tooltip";
	objDivParent.style.display = "none";

	// text-div-element erstellen und attrbibute setzen
	objDivText = document.createElement( "div" );
	objDivText.id = "TTText";
	objDivText.innerHTML = p_strText;
	
	if( p_strTitle != null )
	{
		// titel-div-element erstellen und attribute setzen
		objDivTitle = document.createElement( "div" );
		objDivTitle.id = "TTTitle";
		objDivTitle.className = "tooltip_title";
		objDivTitle.innerHTML = p_strTitle;
	}

	if( objDivTitle != null )
	{
		// titel anhängen
		objDivParent.appendChild( objDivTitle );
	}
	
	// text anhängen
	objDivParent.appendChild( objDivText );
	
	// div anhängen
	objBody.appendChild( objDivParent );
	
	// feritg => übergeben
	objTooltip = objDivParent;
}

function fctHideTT( )
{
	if( objTooltip != null )
	{
		objTooltip.style.display = "none";
		objTooltip = null;
	}
}