var IE = document.all?true:false
if (!IE)
{
   document.captureEvents(Event.MOUSEMOVE)
}

/* ################################################################
#################### Einstellungen zur Mausposition ###########################
################################################################ */

//Temporäre Variablen um die Mausposition zu bestimmen
var tempX = 0
var tempY = 0

function showboth(e)
{
  whereisthemouse(e);
  movethemouse();
}

// Hauptfunktion um die Mausposition herauszufinden

function whereisthemouse(e) {
var IE = document.all?true:false
  if (IE) { // holt die Position, wenn der Browser der IE ist
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // bei allen anderen Browsern außer dem IE wird die Position geholt
    tempX = e.pageX
    tempY = e.pageY
  }
  
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  return true
}

// Funktion, die das Mouseover-Bild mit der Maus entsprechend mitbewegt

function movethemouse()
{

	var mouseover = document.getElementById("onmouseover");

	var mouseW = mouseover.offsetWidth;
	var mouseH = mouseover.offsetHeight;
   
	var width,height;
	if (self.pageYOffset) // alle _außer_ dem IE
	{
		width = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	// nur der IE6 Strict
	{
		width = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	else if (document.body) // alle anderen IEs
	{
		width = document.body.scrollLeft;
        y = document.body.scrollTop;
    }

	
    var xw,yw;
    if (self.innerHeight) // alle _außer_ dem IE
    {
        xw = self.innerWidth;
        yw = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
        // nur der IE6 Strict
    {
        xw = document.documentElement.clientWidth;
        yw = document.documentElement.clientHeight;
    }
    else if (document.body) // alle anderen IEs
    {
        xw = document.body.clientWidth;
        yw = document.body.clientHeight;
    }

    xw -= 30;
    yw -= 25;


    if (self.innerHeight) // alle _außer_ dem IE
    {
	// Firefox und so ist viel besser, deswegen muss hier gar nichts rein :D
	}
	else if (document.documentElement && document.documentElement.clientHeight)
       // nur der IE6 Strict
	{
       tempX += document.documentElement.scrollLeft;
       tempY += document.documentElement.scrollTop;
	}
	else if (document.body) // alle anderen IEs
	{
      tempX +=  document.body.scrollLeft;
      tempY += document.body.scrollTop;
	}

	var yrel = tempY - y;
	var xrel = tempX - width;

	var distance = 15;

	// Box mit Bild wird __links__ vom Mauszeiger angezeigt
	if (xw - xrel < mouseW) 
	{
		mouseover.style.left=tempX-mouseW-distance +'px';
	}
	// Box mit Bild wird __rechts__ vom Mauszeiger angezeigt
	else 
	{
		mouseover.style.left=tempX+distance +'px';
	}

	// Box mit Bild wird __oberhalb__ vom Mauszeiger angezeigt
	if (yw - yrel < mouseH) 
	{
		mouseover.style.top=tempY-mouseH-distance+'px';
	}
	// Box mit Bild wird __unterhalb__ vom Mauszeiger angezeigt
	else
	{
		mouseover.style.top=tempY+distance +'px';
	}

}

/* ################################################################
#################### Entsprechendes Bild anzeigen  ############################
################################################################ */

var mousein=0;

function loadthepic(url)
{

   var mouseover = document.getElementById("onmouseover");

   mousein = 1;

   newString = new String (url);
   mouseover.innerHTML = "<table class='box'><tr><td align='center'><img src='" + url + "' onload='javascript:showpic();'><\/td><\/tr><\/table>";

	// Zeigt das Bild an bei Mousover
	document.onmousemove = showboth;

}

function showpic()
{
  //movef();
  if (mousein)
     document.getElementById("onmouseover").style.visibility='visible';

}

function hidethepic()
{
   mousein = 0;
   document.onmousemove="";
   document.getElementById("onmouseover").style.visibility='hidden';
}