/*************************

Von: Frank / info@seito.de

Version: 1.01 / 22 12 2005

*************************/





/************************************************

v1.05 / 28 12 2005

Es gibt ein Delay des Tooltips



v1.01 / 22 12 2005

Div Element hat nun auch display:none Eigenschaft

Koordinaten werden nicht mehr im Info angezeigt



v1.0 / 21 12 2005

Erste Version

************************************************/



/***********************************

Variablen für aktuelle Koordinaten

Den Text der geschrieben werden soll

Soll der Tooltip angezeigt werden

Die id des Betreffenden Elements in

der HTML Seite

zB.: <div id="tool"></div>

Damit kann JS auf Dieses zugreifen

***********************************/

var cordx;

var cordy;

var bDelay;

var anz = 0;

var div_id;

var delay;



/*******************************************

Den Event MouseMove bearbeiten

es werden die aktuellen Koordinaten der Maus

in die globalen Variablen cordx und cordy

geschrieben.

Dies passiert aber nur, wenn die Maus das 

onmouseover Event ausgelöst und somit da==1.

*******************************************/

function tooltip_pos (Ev)

{

	if ( anz == 1 )

	{

		cordx = Ev.pageX + 10;

		cordy = Ev.pageY + 20;

		if ( bDelay )

		{

			window.setTimeout( "tooltip_show ( cordx, cordy )", delay );

		}

		else

		{

			tooltip_show ( cordx, cordy );

		}

	}

}



/***************************************************************

Das DIV Element, welches bereits im HTML Text eingebaut ist

wird hier an die entsprechende Stelle der Koordinaten verschoben

der y Wert wird noch 10px nach unten verschoben, damit die Maus

immer über dem eigentlichen Text bleibt

Zum Schluss wird das DIV noch auf visible gesetz und somit

angezeigt

***************************************************************/

function tooltip_show ( cx, cy )

{

	document.getElementById( div_id ).style.left = cx + "px";

	document.getElementById( div_id ).style.top = cy + "px";



	if ( anz == 1 )

	{

		document.getElementById( div_id ).style.visibility = "visible";

		document.getElementById( div_id ).style.display = "block";

		document.onmousemove = tooltip_pos;

		bDelay = false;

	}

	else

	{

		document.getElementById( div_id ).style.visibility = "hidden";

		document.getElementById( div_id ).style.display = "none";

		bDelay = true;

	}



}



/************************************

Initialisierungsfunktion,

es werden alle benötigten Parameter

auf die globalen Variablen übergeben.

Außerdem wird die Anzeigefunktion

aufgerufen und das Event

onmousemove überwacht

************************************/

function tooltip ( divid, del, da )

{
	tooltips_aus ( );
	
	div_id = divid;

	anz = da;

	delay = del;

	bDelay = true;

	window.setTimeout( "tooltip_show ( cordx, cordy )", delay );

	document.onmousemove = tooltip_pos;

}


function tooltips_aus ()
{

/*getElementbyClass('tooltip').style.visibility = "hidden";
getElementbyClass('tooltip').style.display = "none"; */

	var objTags = document.all? document.all : document.getElementsByTagName("div");

	for ( i=0; i < objTags.length; i++ )
	{
		
		if ( objTags [i].className == "tooltip" )
		{			
			objTags [i].style.visibility = "hidden";
			objTags [i].style.display = "none";			
		}
	}
}