var cX = 0; //Cursor Position X
var cY = 0; //Cursor Position Y
var fX = 0; //Fenster Breite
var fY = 0; //Fenster Höhe
var sY = 0; //Scrollbalken
var divX = 0; //Div Breite
var divY = 0; //Div Höhe

document.onmousemove = UpdateCursorPosition; //Update der Cursor Position

//Funktion zum Update der Cursor Position
function UpdateCursorPosition(e){
	cX = e.pageX; cY = e.pageY; fX = self.innerWidth; fY = self.innerHeight; sY = self.pageYOffset;
}

//Setzen der Cursor Position
function AssignPosition(d,divX,divY) {

	if ((cX+divX)>fX) { //Mouse + Div > Fensterbreite
		d.style.left = (cX-divX) + "px"; //Fenster links anzeigen um Div Breite
	}else{
		d.style.left = (cX+10) + "px";
	}
	
	if ((cY+divY)>(fY+sY)) { //Mouse + Div > Fensterhöhe
		d.style.top = (cY-divY) + "px"; //Fenster höher anzeigen um Div Höhe
	}else{
		d.style.top = (cY+10) + "px";
	}
}

//Inhalt verstecken
function HideContent(d) {
	if(d.length < 1) { return; }
	document.getElementById(d).style.display = "none";
}

//Inhalt zeigen
function ShowContent(d) {
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	divY = dd.offsetHeight;
	divX = dd.offsetWidth;
	AssignPosition(dd,divX,divY);
	dd.style.display = "block";
}