//Simple CSS/ Javascript Tooltip Script

//Funktionsweise der Positionsdaten:
//Mozilla: Unterstützt die aktuelle Position mittels des window.event.x/y - gescrollte inhalte erhaltenautomatisch die richtige Position
//Internet Explorer: 	Unterstützt auch die Positionserfassung mittels window.event.x/y - gescrollte Inhalte müssen aber zusätzlich berechnet werden indem
//										die Scollhöhe dazuberechnet wird. (Handhabung je nach Modus (Quirks/ Standards Compliance) anders!)

wmtt = null;

//Herausfinden ob der Internet Explorer im Compatible oder Quirks Modus läuft (ansonsz funktioniert die Berechnung der Position nicht richtig)
var docEl = (
		typeof document.compatMode != "undefined" && 
		document.compatMode        != "BackCompat"
	 )? "documentElement" : "body";

document.onmousemove = updateWMTT;

function updateWMTT(e) {
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
	
	//Addieren der aktuellen Scrollposition (nur IE)
	if (document.all && !document.captureEvents) {
		x += document[docEl].scrollLeft;
		y += document[docEl].scrollTop;
		}
	
	if (wmtt != null) {
		wmtt.style.left = (x + 10) + "px";
		wmtt.style.top 	= (y + 10) + "px";
		}
	}

function showWMTT(id, tooltipcontent) {
	changeToolTipText(id, tooltipcontent);
	wmtt = document.getElementById(id);
	wmtt.style.display = "block";
	}

function hideWMTT() {
	wmtt.style.display = "none";
	}

function changeToolTipText(element_id, content){
	document.getElementById(element_id).innerHTML = '<div id="tt_header">Hilfeassistent</div><div id="tt_content">'+content+'</div>';
	}