document.observe('dom:loaded', init);


function init() {												// Init funktion starten
	if($('tooltip')) {											// "wenn tooltip aufgerufen wird"
		
		new Ajax.Request('js/tooltip.txt', {					// Request nach der tooltip.txt
			method:'post',										// Verschikung als Post 
			onComplete:function(r) {							// 
				var div = document.createElement('div');		// Div erstellen
				div.id = 'tooltip2';							// id erstellen "tooltip2"
				div.update(r.responseText);						// den text updaten
				div.hide();										// Div verstecken
				$('sidebar_down').appendChild(div);				// in den übergeordneten Div mit der ID sidebar_down hineinfügen
			}
		});
		
		$('tooltip').observe('mousemove', showTooltip.bind(this));  //Vom iff tooltip mousmove erzeugen (geht hinter der maus her) dann tooltip zeigen
		$('tooltip').observe('mouseout', hideTooltip);  //Wenn man runter von "tooltip" geht.
		
	}
}

function showTooltip(e) {											//Show tooltip (von zeile 18) Als function aufrufen
	$('tooltip2').show(); 											// Tooltip anzeigen
	$('tooltip2').setStyle('position:absolute; z-index:600;');		// Style davon setzen
	$('tooltip2').style.top = Event.pointerY(e) + 13 + 'px';		// top an den Event.pointer(also Mauszeiger) ausrichten
	$('tooltip2').style.left = Event.pointerX(e) + 14 +'px';			// left an den Event.pointer(also Mauszeiger) ausrichten
	
	
}
function hideTooltip() {     //Wenn man davon weg geht soll er das Verstecken. Also Hide
	$('tooltip2').hide();
}