// ---------------------------- CODE BEGIN ----------------------------

function definiere_layers()
{
   if (document.releaseEvents) { document.releaseEvents(Event.MOUSEMOVE); } // browserabhängig

   // einige browserabhängige Definitionen: // browserabhängig
   if (isOpera)
   {
      shift_Y_zusatz = 0;
      shift_Ytot_zusatz = -10;
   }
   else if (document.all)
   { 
      shift_Y_zusatz = 30;
      shift_Ytot_zusatz = 0;
   }
   else if (document.layers)
   {
      shift_Y_zusatz = 0;
      shift_Ytot_zusatz = 0;
   } 
   else if (document.getElementById)
   {
      shift_Y_zusatz = 15; 
      shift_Ytot_zusatz = -20;
   }

   zufall();

/*
   // WARNUNG und HINWEIS für Netscape 6/Mozilla // browserabhängig
   if (!document.all && document.getElementById && navigator.appName.toLowerCase().indexOf("netscape") != -1)
   {
      fensterBrowserHinweis = window.open("http://www.mathe-online.at/tests/defs/browserProblemeHinweis.html","Fenster_browserHinweis","width=500,height=275,resizable=yes,status=no,menubar=no,location=no,scrollbars=yes");
      fensterBrowserHinweis.focus();
   }
*/

   // Seitenkopf definieren:

zunaechst =
'<BR><CENTER><TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="90%">'+
'<TD WIDTH="33%" ALIGN="center"><FONT FACE="Arial,Helvetica" SIZE="-1">'+
'  <A HREF="http://www.mathe-online.at/testpuzzle/testpuzzle.html" TARGET="_blank">Erstellung von Test-Puzzles</A>'+
'</TD><TD WIDTH="34%" ALIGN="center"><FONT FACE="Arial,Helvetica" SIZE="-1"><A HREF="javascript:open_about_puzzle()">'+
'Kurz-Info</A>'+
'</TD><TD WIDTH="33%" ALIGN="center"><FONT FACE="Arial,Helvetica" SIZE="-1"><A HREF="http://www.mathe-online.at/"'+
'TARGET="_blank">'+
'mathe online</A>'+
'</TD></TABLE></CENTER><BR>'+
// große Variante:
'<BR><FONT FACE="Arial,Helvetica" SIZE="-1">'+
'<CENTER><FONT SIZE="+0"><B>Self-made Puzzle</B></FONT><BR><BR>'+
'<FONT SIZE="+3">' + titel + '</FONT></CENTER>';

   createDivSimple("Seitenkopf",zunaechst+text_Seitenkopf);

   // Effekt des Seitenkopfs: um folgenden Y-Betrag wird alles Weitere nach unten verschoben:
   shift_Y = divOben("Seitenkopf") + divHoehe("Seitenkopf") + shift_Y_zusatz;

   // alle anderen Layer definieren:

   // die fixen Felder:
   for (i=1;i<=n;i++)
   { 
      createDivNr(texte_fixeFelder[i-1],fixeFelder[0]+(i-1)*(fixeFelder[2]-fixeFelder[0]),fixeFelder[1]+(i-1)*(fixeFelder[3]-fixeFelder[1])+shift_Y,Felder_Groesse_fix[0],Felder_Groesse_fix[1]);
   }

   // die Markierungen_Ziel:
   for (i=1;i<=n;i++)
   {
      createDivNrBlank("&nbsp;",Markierungen_Ziel[0]+(i-1)*(Markierungen_Ziel[2]-Markierungen_Ziel[0]),Markierungen_Ziel[1]+(i-1)*(Markierungen_Ziel[3]-Markierungen_Ziel[1]) + shift_Y,Felder_Groesse_bew[0],Felder_Groesse_bew[1],"#ffffee");
   }

   // die Markierungen_Beginn:
   for (i=1;i<=n;i++)
   {
      createDivNrBlank("&nbsp;",Markierungen_Beginn[0]+(i-1)*(Markierungen_Beginn[2]-Markierungen_Beginn[0]),Markierungen_Beginn[1]+(i-1)*(Markierungen_Beginn[3]-Markierungen_Beginn[1])+shift_Y,Felder_Groesse_bew[0],Felder_Groesse_bew[1],"#ffffee");
   }

   // die beweglichen Felder:
   for (i=1;i<=n;i++)
   {
      createDivNr(texte_beweglicheFelder[i-1],Markierungen_Beginn[0]+(i-1)*(Markierungen_Beginn[2]-Markierungen_Beginn[0]),Markierungen_Beginn[1]+(i-1)*(Markierungen_Beginn[3]-Markierungen_Beginn[1]) + shift_Y,Felder_Groesse_bew[0],Felder_Groesse_bew[1]);
   }

   // die Richtig-Markierungen (unsichtbar):
   if (richtigfalsch01 == 1)
   {
      for (i=1;i<=n;i++)
      {
         createDivNrInvisible(texte_richtigfalsch[0],richtigfalsch[0]+(i-1)*(richtigfalsch[2]-richtigfalsch[0]),richtigfalsch[1]+(i-1)*(richtigfalsch[3]-richtigfalsch[1]) + shift_Y,richtigfalsch_Groesse[0],richtigfalsch_Groesse[1]);
      }
   }

   // die Falsch-Markierungen (unsichtbar):
   if (richtigfalsch01 == 1)
   {
      for (i=1;i<=n;i++)
      {
         createDivNrInvisible(texte_richtigfalsch[1],richtigfalsch[0]+(i-1)*(richtigfalsch[2]-richtigfalsch[0]),richtigfalsch[1]+(i-1)*(richtigfalsch[3]-richtigfalsch[1]) + shift_Y,richtigfalsch_Groesse[0],richtigfalsch_Groesse[1]);
      }
   }

   // die Gleichzeichen-Felder:
   if (istgleich01 == 1)
   {
      for (i=1;i<=n;i++)
      {
         createDivNr(text_istgleich,istgleich[0]+(i-1)*(istgleich[2]-istgleich[0]),istgleich[1]+(i-1)*(istgleich[3]-istgleich[1]) + shift_Y,istgleich_Groesse[0],istgleich_Groesse[1]);
      }
   }

   // Seitenende:
   if (seitenende01 == 1) 
   {
      aux1 = divNrOben(n);
      aux2 = divNrHoehe(n);
      aux3 = divNrOben(2*n);
      aux4 = divNrHoehe(2*n);
      aux5 = divNrOben(3*n);
      aux6 = divNrHoehe(3*n);
      shift_Ytot = Math.max(Math.max(aux1 + aux2 + 25,aux3 + aux4 + 25),aux5 + aux6 + 25) + shift_Ytot_zusatz;
      createDivTop("Ende",text_Seitenende,shift_Ytot);
   }

   // alle Puzzle-relevanten Felder:
   ALLE_layer = new Array()
   for (i=1;i<(4+2*richtigfalsch01+istgleich01)*n+1;i++)
   {
      ALLE_layer[i] = objNr(i);
   }

} // function definiere_layers() ENDE


function zufall() 
{
   // Die Arrays texte_beweglicheFelder und rf simultan (per Zufalls-Permutation) umordnen:
   aux_text = new Array();
   aux_rf = new Array();
   permutation = new Array();

   // (dieser Teil ist fast identisch mit Puzzle-Applets)
   for (var a=1;a<=n;a++)
   {   
      zufalltest=0;
      while (zufalltest==0 || zufallszahl==0 || zufallszahl==n+1)
      { 
         zufallszahl=Math.floor(n*Math.random()+1);  // zwischen 1 und n
         permutation[a]=zufallszahl;
         zufalltest=1;
         for (i=1;i<=a-1;i++)
         {
            if(permutation[i] == zufallszahl) { zufalltest=0; }   // schauen, ob zufallszahl schon vorkommt
         }
      }  
   }
   for (i=1;i<=n;i++) 
   { 
      aux_text[i] = texte_beweglicheFelder[i-1];
      aux_rf[i] = rf[i-1];
   }
   for (i=1;i<=n;i++) 
   { 
      texte_beweglicheFelder[i-1] = aux_text[permutation[i]];
      rf[i-1] =  aux_rf[permutation[i]];
   }
}


// Punktesystem:
// n(n+1)/2 = Maximalzahl der Punkte = Zahl der Schritte, mit der das Puzzle
// bei richtigfalsch01 == 1 auf jeden Fall gelöst werden kann
// das ist äquivalent zu: bei jedem falsch wird ein Punkt abgezogen!
// bei Random-Versuch -> im statistischen Mittel die halbe Maximalpunktezahl

var punktezahl = 0;          
var bereits_richtig = 0
var versuch =0;   // soundsovielter Versuch, die nächste richtige zu finden
warschon = new Array();
for (i=n+1;i<2*n+1;i++) { warschon[i] = 0; }

current_layer = null;
var i_current;
last_layer = null;
herkunft_layer = null
var i_herkunft=null;
var getroffen = 0;
var geparkt = 1;
besetzt=new Array();
var indexzaehl=3;

for (i=n+1;i<2*n+1;i++) { besetzt[i] = 0; }
for (i=2*n+1;i<3*n+1;i++) { besetzt[i] = 1; }

function begin_event(e) 
{
   for (i=3*n+1;i<4*n+1;i++) // checke die beweglichen Felder
   {
      var test_layer = ALLE_layer[i];
      var the_x = divLinksObj(test_layer);
      var the_width = divBreiteObj(test_layer);
      var the_y = divObenObj(test_layer);
      var the_height = divHoeheObj(test_layer);
      var correct_width = check_width(eX(e),the_x,the_width);
      var correct_height = check_height(eY(e),the_y,the_height);

      if (correct_width && correct_height)
      {
         current_layer = test_layer;
         i_current = i;
         oldX = eX(e);
         oldY = eY(e);
         indexzaehl = indexzaehl + 1; // könnte im NN immer gleich (z.B. 3) bleiben
         zIndexDivObj(current_layer,indexzaehl);
         geparkt = 0; 
         if (document.captureEvents) { document.captureEvents(Event.MOUSEMOVE); } // browserabhängig
         break;
      }
   }

   // Herkunft ermitteln
   for (i=n+1;i<3*n+1;i++) // checke alle Markierungen
   {
      test_layer = ALLE_layer[i];
      the_x = divLinksObj(test_layer);
      the_width = divBreiteObj(test_layer);
      the_y = divObenObj(test_layer);
      the_height = divHoeheObj(test_layer);
      correct_width = check_width(eX(e),the_x,the_width);
      correct_height = check_height(eY(e),the_y,the_height);

      if (correct_width && correct_height) // hier IE-Bug: falsches window.event.y -> in der Definition von eY(e) in defs.js korrigiert!
      {
         herkunft_layer = test_layer; 
         i_herkunft = i;
         besetzt[i_herkunft] = 0;
      }
   }
   return true;
} //function begin_event(e) ENDE

function drag_event(e)
{
   if (current_layer != null) 
   {
      moveDivObj(current_layer,eX(e)-oldX,eY(e)-oldY); // hier IE-Bug: falsches window.event.y -> in der Definition von eY(e) in defs.js korrigiert!
      oldX = eX(e);
      oldY = eY(e); 
   }
   return false;
} // function drag_event(e) ENDE

function end_event(e)
{
   if (current_layer != null)
   {
      last_layer = current_layer;
      if (document.releaseEvents) { document.releaseEvents(Event.MOUSEMOVE); } // browserabhängig

      // Einschnapp-Mechanismus
      for (i=n+1;i<3*n+1;i++) // checke alle Markierungen
      {
         var einschnapp_layer = ALLE_layer[i];
         var the_x = divLinksObj(einschnapp_layer);
         var the_width = divBreiteObj(einschnapp_layer);
         var the_y = divObenObj(einschnapp_layer);
         var the_height = divHoeheObj(einschnapp_layer);
         var correct_width = check_width(eX(e),the_x,the_width);
         var correct_height = check_height(eY(e),the_y,the_height);

         if (correct_width && correct_height && besetzt[i]==0) 
         {
            setDivObj(current_layer,divLinksObj(einschnapp_layer),divObenObj(einschnapp_layer));
            getroffen=1;
            besetzt[i]=1;

            if (richtigfalsch01 == 1 && i_herkunft>n && i_herkunft<2*n+1 )  // falls von Zielfeld
            {
               visibleDivObj(ALLE_layer[i_herkunft+3*n],0);  // Richtig- und
               visibleDivObj(ALLE_layer[i_herkunft+4*n],0);  // Falsch-Layer wieder weg
            }

            if (richtigfalsch01 == 1 && i>n && i<2*n+1 )  // falls auf Zielfeld
            {
               visibleDivObj(ALLE_layer[i+3*n],0);  // frühere Richtig- und
               visibleDivObj(ALLE_layer[i+4*n],0);  // Falsch-Layer zunächst weg 

               // falls richtig:
               if ( rf[i_current-3*n-1] == i-n )
               {
                  visibleDivObj(ALLE_layer[i+3*n],1);  // Richtig-Layer 
		  if (warschon[i]==0)
		   {
                      if (punktezahl + n - bereits_richtig - versuch > punktezahl)  // damit keine Punkte abgezogen werden
                      { punktezahl = punktezahl + n - bereits_richtig - versuch; }
                      if (bereits_richtig < n) bereits_richtig = bereits_richtig + 1;
                      { versuch = 0; }
                      warschon[i] = 1;
                   }
                }
                // falls falsch:
                else
                {
                   visibleDivObj(ALLE_layer[i+4*n],1);  // Falsch-Layer
                   versuch = versuch + 1;
                }
             } 
          }
       }

       if (getroffen==0 && geparkt==0) // zurücksetzen
       {
          setDivObj(current_layer,divLinksObj(herkunft_layer),divObenObj(herkunft_layer));
          besetzt[i_herkunft] = 1;
       }
       getroffen = 0; geparkt = 1;
       current_layer = null;
   } // if (current_layer != null) ENDE
   return true;
} // function end_event(e) ENDE


function check_width(page_x,the_x,the_width)
{
   if (page_x >= the_x && page_x <= the_x + the_width) { return true; }
   else { return false; }
}

function check_height(page_y,the_y,the_height)
{
   if (page_y >= the_y && page_y <= the_y + the_height) { return true; }
   else {return false; }
}

if (document.captureEvents) // browserabhängig
{
   document.captureEvents(Event.MOUSEDOWN | Event.MOUSEDRAG | Event.MOUSEUP); 
}
document.onmousedown=begin_event;
document.onmousemove=drag_event;
document.onmouseup=end_event;


function open_info_punkte_puzzle() // browserabhängig
{
   if (document.all)
   {
      var fenster_info_punkte_P;
      if ((fenster_info_punkte_P == null)||(fenster_info_punkte_P.closed)) 
      { 
         fenster_info_punkte_P = window.open("http://www.mathe-online.at/testpuzzle/info_puzzle.html","Fenster_info_punkte_P","width=600,height=425,resizable=yes,status=no,menubar=no,location=no,scrollbars=yes");
         fenster_info_punkte_P.opener = top;
         fenster_info_punkte_P.focus(); 
      } 
      else { fenster_info_punkte_P.focus(); }
   }
   else
   {
      fenster_info_punkte_P = window.open("http://www.mathe-online.at/testpuzzle/info_puzzle.html","Fenster_info_punkte_P","width=600,height=415,resizable=yes,status=no,menubar=no,location=no,scrollbars=yes");
      fenster_info_punkte_P.focus();
   }
}

function open_about_puzzle() // browserabhängig
{
   if (document.all)
   {
      var fenster_about_P;
      if ((fenster_about_P == null)||(fenster_about_P.closed)) 
      { 
         fenster_about_P = window.open("http://www.mathe-online.at/testpuzzle/about_puzzle.html","Fenster_about_P","width=400,height=220,resizable=yes,status=no,menubar=no,location=no,scrollbars=yes");
         fenster_about_P.opener = top;
         fenster_about_P.focus(); 
      } 
      else { fenster_about_P.focus(); }
   }
   else
   {
      fenster_about_P = window.open("http://www.mathe-online.at/testpuzzle/about_puzzle.html","Fenster_about_P","width=400,height=210,resizable=yes,status=no,menubar=no,location=no,scrollbars=yes");
      fenster_about_P.focus();
   }
}

function zuruecksetzen() // browserabhängig
{
   if (document.all) { window.document.all.tags("div").item("Ende").document.ausw.auswert.value=""; }
   else if (document.layers) { window.document.layers["Ende"].document.ausw.auswert.value=""; }
   else if (document.getElementById) { document.ausw.auswert.value=""; }
}

// -----------------------------------------------------------------------------------------------------
// Opera-Browser erkennen:
if (navigator.userAgent.toLowerCase().indexOf("opera") != -1) { isOpera = true; }
else { isOpera = false; }
// -----------------------------------------------------------------------------------------------------

// OBJEKTE AUS ID UND NUMMERN DEFINIEREN:

function obJ(objname)
{
 if (document.all) { return eval("document.all." + objname); }
 else if (document.layers) { return eval("document." + objname); }
 else if (document.getElementById) { return document.getElementById(objname); }
}

function objNr(zahl)
{
 if (document.all) { return document.all.tags("div").item(zahl); }
 else if (document.layers) { return document.layers[zahl]; }
 else if (document.getElementById) { return document.getElementsByTagName("div")[zahl]; }
}

function eleMent(objname) // definiert Objekt aus seinem Namen (id)
{
 if (document.all) { return eval("document.all." + objname + ".style"); }
 else if (document.layers) { return eval("document." + objname); }
 // oder, äquivalent:
 // else if (document.layers) { return document.layers[objname]; }
 else if (document.getElementById) { return document.getElementById(objname).style; }
}

function eleMentNr(zahl) // definiert Objekt aus seiner Nummer (das zahl-te <div> auf der Seite)
{
 if (document.all) { return document.all.tags("div").item(zahl).style; }
 else if (document.layers) { return document.layers[zahl]; }
 else if (document.getElementById) { return document.getElementsByTagName("div")[zahl].style; }
}

// -----------------------------------------------------------------------------------------------------

function divLinks(objname) // liest x-Koordinate des linken oberen Eckpunkts
{  
  var obj = eleMent(objname);
  if (isOpera) { return obj.pixelLeft; }
  else if (document.all) { return obj.posLeft; }
  // else if (document.layers || document.getElementById) { return parseInt(obj.left); }
  // obiges funktioniert im NN5 nicht, wenn <div> nicht positioniert ist
  else if (document.layers) { return obj.left; }
  else if (document.getElementById) { return document.getElementById(objname).offsetLeft; }
}

function divOben(objname) // liest y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMent(objname);
  if (isOpera) { return obj.pixelTop; }
  else if (document.all) { return obj.posTop; }
  // else if (document.layers || document.getElementById) { return parseInt(obj.top); }
  // obiges funktioniert im NN5 nicht, wenn <div> nicht positioniert ist
  else if (document.layers) { return obj.top; }
  else if (document.getElementById) { return document.getElementById(objname).offsetTop; }
}

function divBreite(objname) // liest Breite des Elements
{
  var obj = eleMent(objname);
  if (isOpera) { return obj.pixelWidth; }
  // else if (document.all) { return obj.posWidth; }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.all) { return eval("document.all." + objname + ".offsetWidth"); }
  else if (document.layers) { return obj.clip.width; }
  // else if (document.getElementById) { return parseInt(obj.width); }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.getElementById) { return document.getElementById(objname).offsetWidth; }
}

function divHoehe(objname) // liest Höhe des Elements
{
  var obj = eleMent(objname);
  if (isOpera) { return obj.pixelHeight; }
  // else if (document.all) { return obj.posHeight; }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.all) { return eval("document.all." + objname + ".offsetHeight"); }
  else if (document.layers) { return obj.clip.height; }
  // else if (document.getElementById) {return parseInt(obj.height); }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.getElementById) { return document.getElementById(objname).offsetHeight; }
}

function divNrLinks(zahl) // liest x-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMentNr(zahl);
  if (isOpera) { return obj.pixelLeft; }
  else if (document.all) { return obj.posLeft; }
  // else if (document.layers || document.getElementById) { return parseInt(obj.left); }
  // obiges funktioniert nicht, wenn <div> nicht positioniert ist
  else if (document.layers) { return obj.pageX; }
  else if (document.getElementById) { return document.getElementsByTagName("div")[zahl].offsetLeft; }
}

function divNrOben(zahl) // liest y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMentNr(zahl);
  if (isOpera) { return obj.pixelTop; }
  else if (document.all) { return obj.posTop; }
  // else if (document.layers || document.getElementById) { return parseInt(obj.top); }
  // obiges funktioniert nicht, wenn <div> nicht positioniert ist
  else if (document.layers) { return obj.pageY; }
  else if (document.getElementById) { return document.getElementsByTagName("div")[zahl].offsetTop; }
}

function divNrBreite(zahl) // liest Breite des Elements
{
  var obj = eleMentNr(zahl);
  if (isOpera) { return obj.pixelWidth; }
  // else if (document.all) { return obj.posWidth; }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.all) { return document.all.tags("div").item(zahl).offsetWidth; }
  else if (document.layers) { return obj.clip.width; }
  // else if (document.getElementById) { return parseInt(obj.width); }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.getElementById) { return document.getElementsByTagName("div")[zahl].offsetWidth; }
}

function divNrHoehe(zahl) // liest Höhe des Elements
{
  var obj = eleMentNr(zahl);
  if (isOpera) { return obj.pixelHeight; }
  // else if (document.all) { return obj.posHeight; }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.all) { return document.all.tags("div").item(zahl).offsetHeight; }
  else if (document.layers) { return obj.clip.height; }
  // else if (document.getElementById) {return parseInt(obj.height); }
  // obiges funktioniert nicht, wenn die Größe von <div> nicht explizit festgelegt ist
  else if (document.getElementById) { return document.getElementsByTagName("div")[zahl].offsetHeight; }
}

// Für positionierte <div>s:

function divLinksObj(obj)
{
   if (isOpera) { return obj.style.pixelLeft; }
   else if (document.all) { return obj.style.posLeft; }
   else if (document.layers) { return obj.left; }
   else if (document.getElementById) { return parseInt(obj.style.left); }
}

function divObenObj(obj)
{
   if (isOpera) { return obj.style.pixelTop; }
   else if (document.all) { return obj.style.posTop; }
   else if (document.layers) { return obj.top; }
   else if (document.getElementById) { return parseInt(obj.style.top); }
}

function divBreiteObj(obj)
{
   if (isOpera) { return obj.style.pixelWidth; }
   else if (document.all) { return obj.style.posWidth; }
   else if (document.layers) { return obj.clip.width; }
   else if (document.getElementById) { return parseInt(obj.style.width); }
}

function divHoeheObj(obj)
{
   if (isOpera) { return obj.style.pixelHeight; }
   else if (document.all) { return obj.style.posHeight; }
   else if (document.layers) { return obj.clip.height; }
   else if (document.getElementById) { return parseInt(obj.style.height); }
}

// -----------------------------------------------------------------------------------------------------

// DIV-EIGENSCHAFTEN ÄNDERN:

function setDiv(objname,xKoord,yKoord) // setzt x- und y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMent(objname);
  if (isOpera) { obj.pixelLeft = xKoord; obj.pixelTop = yKoord; }
  else if (document.all) { obj.posLeft = xKoord; obj.posTop = yKoord; }
  else if (document.layers || document.getElementById) { obj.left = xKoord; obj.top = yKoord; }
}

function moveDiv(objname,delta_xKoord,delta_yKoord) // verschiebt x- und y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMent(objname);
  if (isOpera) { obj.pixelLeft += delta_xKoord; obj.pixelTop += delta_yKoord; }
  else if (document.all) { obj.posLeft += delta_xKoord; obj.posTop += delta_yKoord; }
  else if (document.layers || document.getElementById) { obj.left = parseInt(obj.left) + delta_xKoord; obj.top = parseInt(obj.top) + delta_yKoord; }
}

function visibleDiv(objname,modus) // macht das Element sichtbar (modus=1) bzw. unsichtbar (modus=0)
{
  var obj = eleMent(objname);
  var txt;
  if (document.all || document.getElementById) { if (modus == 1) { txt = "visible"; } else if (modus == 0) { txt = "hidden"; } }
  else if (document.layers) { if (modus == 1) { txt = "show"; } else if (modus == 0) { txt = "hide"; } }
  obj.visibility = txt;
}

function zIndexDiv(objname,zind) // setzt z-Index des Elements
{
  var obj = eleMent(objname);
  obj.zIndex = zind;
}

function setDivNr(zahl,xKoord,yKoord) // setzt x- und y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMentNr(zahl);
  if (isOpera) { obj.pixelLeft = xKoord; obj.pixelTop = yKoord; }
  else if (document.all) { obj.posLeft = xKoord; obj.posTop += yKoord; }
  else if (document.layers || document.getElementById) { obj.left = xKoord; obj.top = yKoord; }
}

function moveDivNr(zahl,delta_xKoord,delta_yKoord) // verschiebt x- und y-Koordinate des linken oberen Eckpunkts
{
  var obj = eleMentNr(zahl);
  if (isOpera) { obj.pixelLeft += delta_xKoord; obj.pixelTop += delta_yKoord; }
  else if (document.all) { obj.posLeft += delta_xKoord; obj.posTop += delta_yKoord; }
  else if (document.layers || document.getElementById) { obj.left = parseInt(obj.left) + delta_xKoord; obj.top = parseInt(obj.top) + delta_yKoord; }
}

function visibleDivNr(zahl,modus) // macht das Element sichtbar (modus=1) bzw. unsichtbar (modus=0)
{
  var obj = eleMentNr(zahl);
  var txt;
  if (document.all || document.getElementById) { if (modus == 1) { txt = "visible"; } else if (modus == 0) { txt = "hidden"; } }
  else if (document.layers) { if (modus == 1) { txt = "show"; } else if (modus == 0) { txt = "hide"; } }
  obj.visibility = txt;
}

function zIndexDivNr(zahl,zind) // setzt z-Index des Elements
{
  var obj = eleMentNr(zahl);
  obj.zIndex = zind;
}

// Für positionierte <div>s:

function setDivObj(obj,xKoord,yKoord)
{
   if (isOpera) { obj.style.pixelLeft = xKoord; obj.style.pixelTop = yKoord; }
   else if (document.all) { obj.style.posLeft = xKoord; obj.style.posTop = yKoord; }
   else if (document.layers) { obj.left = xKoord; obj.top = yKoord; }
   else if (document.getElementById) { obj.style.left = xKoord; obj.style.top = yKoord; }
}

function moveDivObj(obj,delta_xKoord,delta_yKoord)
{
   if (isOpera) { obj.style.pixelLeft += delta_xKoord; obj.style.pixelTop += delta_yKoord; }
   if (document.all) { obj.style.posLeft += delta_xKoord; obj.style.posTop += delta_yKoord; }
   else if (document.layers) { obj.left += delta_xKoord; obj.top += delta_yKoord; }
   else if (document.getElementById) { obj.style.left = parseInt(obj.style.left) + delta_xKoord + "px"; obj.style.top = parseInt(obj.style.top) + delta_yKoord + "px"; }
}

function visibleDivObj(obj,modus)
{
   if (document.all || document.getElementById)
   { 
      if (modus == 1) { obj.style.visibility = "visible"; } 
      else if (modus == 0) { obj.style.visibility = "hidden"; }
   }
   else if (document.layers)
   { 
      if (modus == 1) { obj.visibility = "show"; }
      else if (modus == 0) { obj.visibility = "hide"; } 
   }
}

function zIndexDivObj(obj,zind)
{
   if (document.all || document.getElementById) { obj.style.zIndex = zind; }
   else if (document.layers) { obj.zIndex = zind; }
}

// -----------------------------------------------------------------------------------------------------

// EVENT-KOORDINATEN: ABSTAND ZUM LINKEN/OBEREN RAND DES DOKUMENTS

function eX(e)
{
  if (isOpera) { return window.event.clientX; }
  else if (document.all) { return window.event.clientX + window.document.body.scrollLeft; }
  else if (document.layers || document.getElementById) { return e.pageX; }
}

function eY(e)
{
  if (isOpera) { return window.event.clientY; }
  else if (document.all) { return window.event.clientY + window.document.body.scrollTop; }
  else if (document.layers || document.getElementById) { return e.pageY; }
}

// -----------------------------------------------------------------------------------------------------

// DEFINITION VON <div>s (im NN4: <layer>s)

function createDivSimple(iD,inhaltTxt)
{
  if (document.all)
  {
    document.write('<div id="' + iD + '">' + inhaltTxt + '</div>\n');
  }
  else if (document.layers)
  {
    document.write('<layer id="' + iD + '">' + inhaltTxt + '</layer>\n');
  }
  else if (document.getElementById) //xxx weil's in Netscape 6/Mozzilla ansonsten sehr langsam geht
                                    // ansonsten selber Code wie für (document.all)
  {
    var tabAnf = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><td>';
    var tabEnd = '</td></table>';
    inhaltTxt = tabAnf + inhaltTxt + tabEnd;
    document.write('<div id="' + iD + '">' + inhaltTxt + '</div>\n');
  }
}

function createDivNr(inhaltTxt,linKS,obEN,breiTE,hoeHE)
{
  if (document.all || document.getElementById)
  {
    document.write('<div style="position:absolute; left:' + linKS + ';\n'+ 
    'top:' + obEN + '; width:' + breiTE + '; height:' + hoeHE + ';">' + inhaltTxt + '</div>');
  }
  else if (document.layers)
  {
    document.write('<layer left="' + linKS + '"\n'+ 
    'top="' + obEN + '" width="' + breiTE + '" height="' + hoeHE + '">' + inhaltTxt + '</layer>');
  }
}

function createDivNrBlank(inhaltTxt,linKS,obEN,breiTE,hoeHE,farBE)
{
  if (document.all) // wegen eines IE-Bugs mit Tabelle überdecken
  {
    document.write('<div style="position:absolute; left:' + linKS + ';\n'+ 
    'top:' + obEN + '; width:' + breiTE + '; height:'+ hoeHE + ';">\n'+
    '<table bgcolor="'+farBE+'" border=0 width="100%" height="100%"\ncellpadding="0" cellspacing="0"><td>' + inhaltTxt + '</td></table>\n</div>');
  }
  else if (document.getElementById) // funktioniert mit Tabelle in Netscape 6 und Mozilla nicht
  {
   document.write('<div style="position:absolute; left:' + linKS + '; top:' + obEN + '; width:' + breiTE + '; height:' + hoeHE + ';\n'+
   'background-color:' + farBE + '; layer-background-color:' + farBE + '"\n'+
   '>' + inhaltTxt + '</div>');
  }
  else if (document.layers)
  {
    document.write('<layer bgcolor="'+farBE+'" left="' + linKS + '"\n'+ 
    'top="' + obEN + '" width="' + breiTE + '" height="' + hoeHE + '">' + inhaltTxt + '</layer>');
  }
}

function createDivNrInvisible(inhaltTxt,linKS,obEN,breiTE,hoeHE)
{
  if (document.all || document.getElementById)
  {
    document.write('<div style="position:absolute; left:' + linKS + ';\n'+ 
    'top:' + obEN + '; width:' + breiTE + '; height:' + hoeHE + '; visibility:hidden">' + inhaltTxt + '</div>');
  }
  else if (document.layers)
  {
    document.write('<layer left="' + linKS + '"\n'+ 
    'top="' + obEN + '" width="' + breiTE + '" height="' + hoeHE + '" visibility="hidden">' + inhaltTxt + '</layer>');
  }
}

function createDivTop(iD,inhaltTxt,obEN)
{
  if (document.all)
  {
    document.write('<div id="' + iD + '" style="position:absolute; top:' + obEN + ';">' + inhaltTxt + '</div>');
  }
  else if (document.layers)
  {
    document.write('<layer top="' + obEN + '" id="' + iD + '">' + inhaltTxt + '</layer>');
  }
  else if (document.getElementById) //xxx weil's in Netscape 6/Mozzilla ansonsten sehr langsam geht
                                    // ansonsten selber Code wie für (document.all)
  {
    var tabAnf = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><td>';
    var tabEnd = '</td></table>';
    inhaltTxt = tabAnf + inhaltTxt + tabEnd;
    document.write('<div id="' + iD + '" style="position:absolute; top:' + obEN + ';">' + inhaltTxt + '</div>');
  }
}
// ---------------------------- CODE END ----------------------------