var y=0; //initialisiert die Variablen "x" und "y" global, so dass sie für jede Funktion existieren
document.onmousemove = mouse; //sorgt dafür, dass bei Änderung der Mausposition die Variablen x und y durch die Funktion "mouse()" aktualisiert werden

function mouse(e)
{
    y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
    if ( div=document.getElementById("s1") ) 
    { 
    	//prüft, ob ein div mit id gleich Inhalt der Variablen "strId" existiert und setzt eine refernz mit namen pic, wenn ja
        div.style.display = "block";
        if (y > 297 && y < 667)
        {
        	y = y - 200;
        	div.style.top = y +"px"; //setzt das div an die y-Position der Maus (in der Variablen "y" durch die Funktion "mouse()" gespeichert)
        }
    }
    
}

var isIE=document.all?true:false;
var isDOM=document.getElementById?true:false;
var isNS4=document.layers?true:false;

function zauberstab(_w,_h) {
  if (isDOM)
  {
    if (_h=='s') document.getElementById(_w).style.visibility='visible';
    if (_h=='h') document.getElementById(_w).style.visibility='hidden';
  }
  else if (isIE) {
    if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
    if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
  }
  else if(isNS4)
  {
    if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
    if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
  }
}