var offsetfrommouse = [20,0];  // Anzeigeposition ausgegangen von der Mausposition


if (document.getElementById || document.all) {
	  document.write('<div id="tooltip"></div>');
    }

function gettrailobj() {
    if (document.getElementById) { return document.getElementById("tooltip").style } else if (document.all) { return document.all.tooltip.style }
    }

function gettrailobjnostyle() {
    if (document.getElementById) { return document.getElementById("tooltip") } else if (document.all) { return document.all.tooltip }
    }


function truebody() {
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }


function showtrail(file, xcoord, ycoord) {

    if (isNaN(xcoord) == false) offsetfrommouse[0] = xcoord;
    if (isNaN(ycoord) == false) offsetfrommouse[1] = ycoord;

    document.onmousemove=followmouse;
    newHTML = '<div class="tooltip">' + file + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().visibility="visible";

    }
    
function userdetail(file, xcoord, ycoord) {

    if (isNaN(xcoord) == false) offsetfrommouse[0] = xcoord;
    if (isNaN(ycoord) == false) offsetfrommouse[1] = ycoord;

    document.onmousemove=followmouse;
    newHTML = '<div class="userdetail">' + file + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().visibility="visible";

    }

function userdetail100(file, xcoord, ycoord) {

    if (isNaN(xcoord) == false) offsetfrommouse[0] = xcoord;
    if (isNaN(ycoord) == false) offsetfrommouse[1] = ycoord;

    document.onmousemove=followmouse;
    newHTML = '<div class="userdetail100">' + file + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().visibility="visible";

    }

function hidetrail(){

    gettrailobj().visibility = "hidden";
	document.onmousemove     = "";
	gettrailobj().left       = "-500px";

    }


function followmouse(e) {

	  var xcoord=offsetfrommouse[0]
	  var ycoord=offsetfrommouse[1]

	  var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	  var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	  if (typeof e != "undefined"){

        if (docwidth - e.pageX < 300){
			      xcoord = e.pageX - xcoord - 286; // Move to the left side of the cursor
		    } else {
			      xcoord += e.pageX;
		    }

        if (docheight - e.pageY < 50){
			      ycoord += e.pageY - Math.max(0,(50 + e.pageY - docheight - truebody().scrollTop));
		    } else {
			      ycoord += e.pageY;
		    }

	  } else if (typeof window.event != "undefined"){

        if (docwidth - event.clientX < 300){
			      xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // Move to the left side of the cursor
		    } else {
			      xcoord += truebody().scrollLeft+event.clientX
		    }

        if (docheight - event.clientY < 110){
			      ycoord += event.clientY + truebody().scrollTop - Math.max(0,(50 + event.clientY - docheight));
		    } else {
			      ycoord += truebody().scrollTop + event.clientY;
		    }
	  }

	  var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	  var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

    if(ycoord < 0) { ycoord = ycoord*-1; }

    gettrailobj().left=xcoord+"px"
	  gettrailobj().top=ycoord+"px"

    }