var layer = "tipLayer";

function mouseover(content) {
	swapContent(layer,content);
}

function mouseout() {
	hideTip();
}

function mousemove(e) {
	moveTip(e);
}

function getScrollPosition() {
	if (document.body.scrollTop != undefined && navigator.appName.indexOf("Explorer") != -1) {
		var res = (document.compatMode != "CSS1Compat") ? document.body : document.documentElement;
		return { x : res.scrollLeft, y : res.scrollTop };
	} else {
		return { x : window.pageXOffset, y : window.pageYOffset };
	}
}

function hideTip() {
	moveLayer(layer,-300,-300);
}

function moveTip(e) {

	var scr = getScrollPosition();

	var coordX = e.clientX + scr.x + 20;
	var coordY = e.clientY + scr.y + 0;

	var correctionX = e.clientX + document.getElementById(layer).offsetWidth + 20 - window.innerWidth;
	var correctionY = e.clientY + document.getElementById(layer).offsetHeight + 20 - window.innerHeight;

	/*
	e.clientX ... x-Koordinate des Mauszeigers
	offsetWidth ... Breite des Tip-Layers
	window.innerWidth ... Innenbereich des Fensters
	*/

	if (correctionX > 0) { moveLayerX(layer,(coordX-correctionX-230)); } else { moveLayerX(layer,coordX-230); }
	if (correctionY > 0) { moveLayerY(layer,(coordY-correctionY-170)); } else { moveLayerY(layer,coordY-170); }

}