var offsetxpoint = -75;
var offsetypoint = 20;
var titelspeicher = "";

/* *** Grafiken vorladen *** */
var ecke_ol = new Image();
ecke_ol.src = "/web/_img/hintergrund/tooltip/ecke_ol.gif";
var ecke_or = new Image();
ecke_or.src = "/web/_img/hintergrund/tooltip/ecke_or.gif";
var ecke_ul = new Image();
ecke_ul.src = "/web/_img/hintergrund/tooltip/ecke_ul.gif";
var ecke_ur = new Image();
ecke_ur.src = "/web/_img/hintergrund/tooltip/ecke_ur.gif";

function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function zeigetip(aktion,objekt,bereich){
	ttip = document.getElementById("tooltip");
	if (aktion == "in"){
		text = objekt.getAttribute(bereich);
		if (text != ""){
			//ttip.innerHTML = text;
			ttip.innerHTML = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td width=\"5\" height=\"5\"><img src=\"/web/_img/hintergrund/tooltip/ecke_ol.gif\" width=\"5\" height=\"5\"></td><td background=\"/web/_img/hintergrund/tooltip/bg.gif\"></td><td width=\"5\" height=\"5\"><img src=\"/web/_img/hintergrund/tooltip/ecke_or.gif\" width=\"5\" height=\"5\"></td></tr><tr><td width=\"5\" background=\"/web/_img/hintergrund/tooltip/bg.gif\"></td><td align=\"left\" background=\"/web/_img/hintergrund/tooltip/bg.gif\">"+text+"</td><td width=\"5\" background=\"/web/_img/hintergrund/tooltip/bg.gif\"></td></tr><tr><td width=\"5\" height=\"5\"><img src=\"/web/_img/hintergrund/tooltip/ecke_ul.gif\" width=\"5\" height=\"5\"></td><td background=\"/web/_img/hintergrund/tooltip/bg.gif\"></td><td width=\"5\" height=\"5\"><img src=\"/web/_img/hintergrund/tooltip/ecke_ur.gif\" width=\"5\" height=\"5\"></td></tr></table>";
			if (bereich == "rel"){
				titlespeicher = objekt.getAttribute("title");
				objekt.setAttribute("title", "");
			} else {
				titlespeicher = objekt.getAttribute("title");
				objekt.setAttribute(bereich, "");
			}
			enabletip = true;
			return false;
		}
	} else {
		if (bereich == "rel"){
			objekt.setAttribute("title", titlespeicher);
			titlespeicher = "";
		} else {
			objekt.setAttribute(bereich, titlespeicher);
		}
		enabletip = false;
		ttip.innerHTML = "";
		ttip.style.visibility = "hidden";
		ttip.style.left = "-9999px";
	}
}

function positiontip(e){
	if (window.enabletip){
		ttip = document.getElementById("tooltip");
		if (navigator.appName == "Microsoft Internet Explorer"){
			var curX = event.clientX+ietruebody().scrollLeft;
			var curY = event.clientY+ietruebody().scrollTop;
			var rightedge = ietruebody().clientWidth-event.clientX-offsetxpoint;
			var bottomedge = ietruebody().clientHeight-event.clientY-offsetypoint;
		} else {
			var curX = e.pageX;
			var curY = e.pageY;
			var rightedge = window.innerWidth-e.clientX-offsetxpoint-20;
			var bottomedge = window.innerHeight-e.clientY-offsetypoint-20;
		}
	
		var leftedge = (offsetxpoint < 0) ? offsetxpoint*(-1) : -1000;
	
		// Horizontal
		if (rightedge < ttip.offsetWidth){
			// Verschieben wenn Bildschirmrand ereicht ist
			if (navigator.appName == "Microsoft Internet Explorer"){
				ttip.style.left = (ietruebody().scrollLeft+event.clientX-ttip.offsetWidth)+"px";
			} else {
				ttip.style.left = (window.pageXOffset+e.clientX-ttip.offsetWidth)+"px";
			}
		} else if (curX < leftedge) {
			ttip.style.left = "5px";
		} else {
			ttip.style.left = (curX+offsetxpoint)+"px";
		}
	
		// Vertikal
		if (bottomedge < ttip.offsetHeight) {
			if (navigator.appName == "Microsoft Internet Explorer"){
				ttip.style.top = (ietruebody().scrollTop+event.clientY-ttip.offsetHeight-offsetypoint)+"px";
			} else {
				ttip.style.top = (window.pageYOffset+e.clientY-ttip.offsetHeight-offsetypoint)+"px";
			}
		} else {
			ttip.style.top = (curY+offsetypoint)+"px";
			ttip.style.visibility = "visible";
		}
	}
}

document.onmousemove=positiontip;