var Xmouse, Ymouse;
var hidden = true;
 
// mit leerem Argument wird der Tooltip ausgeblendet...
function tooltip(message) {
	if (message) {
		hidden = false;

		moveLayer("toolTipLayer", Xmouse - 30,Ymouse + 18);

		if (document.layers) {
			with (document["toolTipLayer"].document){
				open();
				write('<table width="125" border="0" cellpadding="3" cellspacing="0"><tr><td>' + message + '</td></tr></table>');
				close();
			}
			
			document.layers["toolTipLayer"].visibility = "show";
		}
		else {
//			document.all["toolTipLayer"].innerHTML = "<table width=125 border=0 cellpadding=3 cellspacing=0><tr><td class=tooltip style='border: solid 1px black'><font style='font-family:arial;font-size:11px;'>" + message + "</font></td></tr></table>";
			document.getElementById("toolTipLayer").innerHTML = '<table width="125" border="0" cellpadding="3" cellspacing="0"><tr><td>' + message + '</td></tr></table>';

//			document.all["toolTipLayer"].style.visibility = "visible";				        
			document.getElementById("toolTipLayer").style.visibility = "visible";				        
		}
	}
	else {
		hidden = true;

		if (document.layers) {
			document.layers["toolTipLayer"].visibility = "hide";
		}
		else {
//			document.all["toolTipLayer"].style.visibility = "hidden";
			document.getElementById("toolTipLayer").style.visibility = "hidden";
		}
	}

	window.status = "";
}

function moveHandler(evnt) {
	if (document.all) {
		Xmouse = window.event.x + document.body.scrollLeft;
		Ymouse = window.event.y + document.body.scrollTop;
	}
	else {
		Xmouse = evnt.pageX;
		Ymouse = evnt.pageY;
	}

	if (!hidden)
		moveLayer("toolTipLayer", Xmouse - 30, Ymouse + 18);
}

function moveLayer(Id,x,y) {

	if (document.layers) {
		if (x < 0)
			x = 0;
		else if (x > (window.innerWidth-document.layers[Id].clip.width - 20))
			x = window.innerWidth-document.layers[Id].clip.width - 20;

		if (y < 0)
			y = 0;
		else if (y > (window.innerHeight + window.pageYOffset - document.layers[Id].clip.height)) {
			y = window.innerHeight + window.pageYOffset - document.layers[Id].clip.height - 5;
			x = x + 40;
		}

		document.layers[Id].left = x;
		document.layers[Id].top  = y;
	}
	else {
		if (x < 0)
			x = 0;
		else if (x > (document.body.clientWidth + document.body.scrollLeft - document.getElementById(Id).clientWidth)) {
			x = document.body.clientWidth + document.body.scrollLeft - document.getElementById(Id).clientWidth - 5;
		}

		if (y < 0)
			y = 0;
		else if (y > (document.body.clientHeight+document.body.scrollTop-document.getElementById(Id).clientHeight)) {
			y = document.body.clientHeight + document.body.scrollTop - document.getElementById(Id).clientHeight - 5;
			x = x + 40;
		}

		document.getElementById(Id).style.left = x;
		document.getElementById(Id).style.top  = y;
	}
}

// Init handler
function initHandler() {
	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);
		window.onMouseMove = moveHandler;
	}
	else {
		document.onmousemove = moveHandler;
	}
}


//write layer
document.write('<span class="tooltip" id="toolTipLayer" style="position:absolute; visibility:hidden;"></span>');

initHandler();