var Abstand_DIV1_DIV2 = 10;   // Abstand der
var Abstand_DIV2_DIV3 =10;   // drei Haupt-DIVs
var zufallX, zufallY;
var zahl_ablesungen=0;
var zahl_richtige=0;
var prozentstring;
var neuer_durchgang=0; // soll verhindern, daß auf ein richtiges Resultat mehrmal geklickt wird
var gechecked=0; // soll verhindern, daß nur "Nächste" gedrückt wird

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

var korrektur_IE = 0;  // falls "DIV1" nicht absolut positioniert ist, ist 15 zu setzen
                          // -> korrigiert den falschen Wert von posTop von "DIV1" im IE   
var Y_DIV2, Y_DIV3;


function positionieren()
{   
   if (isOpera)
   {
      Y_DIV2 = document.all.tags("DIV").item("DIV1").style.pixelTop + document.all.tags("DIV").item("DIV1").style.pixelHeight + Abstand_DIV1_DIV2;
      Y_DIV3 = Y_DIV2 + document.all.tags("DIV").item("DIV2").style.pixelHeight + Abstand_DIV2_DIV3;

      document.all.tags("DIV").item("DIV2").style.pixelTop = Y_DIV2;
      document.all.tags("DIV").item("DIV3").style.pixelTop = Y_DIV3;

   }
   else if (document.all)
   {
      Y_DIV2 =  document.all.tags("DIV").item("DIV1").style.posTop + 
	        document.all.tags("DIV").item("DIV1").offsetHeight + korrektur_IE + Abstand_DIV1_DIV2; 
      Y_DIV3 = Y_DIV2 + document.all.tags("DIV").item("DIV2").offsetHeight + Abstand_DIV2_DIV3;

      document.all.tags("DIV").item("DIV2").style.posTop = Y_DIV2;
      document.all.tags("DIV").item("DIV3").style.posTop = Y_DIV3;
   }
   else if (document.layers)
   {
      Y_DIV2 = document.DIV1.pageY + document.DIV1.clip.height + Abstand_DIV1_DIV2;
      Y_DIV3 = Y_DIV2 + document.DIV2.clip.height + Abstand_DIV2_DIV3;

      document.DIV2.top = Y_DIV2;    
      document.DIV3.top = Y_DIV3;
   }
   else if (document.getElementById)
   {
      Y_DIV2 = parseInt(document.getElementById("DIV1").style.top) + document.getElementById("DIV1").offsetHeight + Abstand_DIV1_DIV2;
      Y_DIV3 = Y_DIV2 + document.getElementById("DIV2").offsetHeight + Abstand_DIV2_DIV3;

      document.getElementById("DIV2").style.top = Y_DIV2;
      document.getElementById("DIV3").style.top = Y_DIV3;
   }

}

positionieren(); // wird in jedem Fall ausgeführt

/// Folgende Funktion plaziert eine Bild (10 x 10 Pixel) 
/// Die Argumente (Xbild, Ybild) sind die echten Koordinaten am Bild

function plaziere_bild(Xbild,Ybild)
{
   if (isOpera)
   {
      document.all.tags("DIV").item("DIVpunkt").style.pixelLeft = document.all.tags("DIV").item("DIV2").style.pixelLeft + 241 + Xbild*41;
      document.all.tags("DIV").item("DIVpunkt").style.pixelTop = Y_DIV2 + 125 - Ybild*41.2;
   }
   else if (document.all)
   {
       document.all.tags("DIV").item("DIVpunkt").style.posLeft = 
         document.all.tags("DIV").item("DIV2").style.posLeft + 241 + Xbild*41;
         document.all.tags("DIV").item("DIVpunkt").style.posTop = Y_DIV2 + 125 - Ybild*41.2;
   }
   else if (document.layers)
   {
      document.DIVpunkt.left = document.DIV2.left + 241 + Xbild*41;
      document.DIVpunkt.top = Y_DIV2 + 125 - Ybild*41.2;    
   }
   else if (document.getElementById)
   {
      document.getElementById("DIVpunkt").style.left = parseInt(document.getElementById("DIV2").style.left) + 241 + Xbild*41;
      document.getElementById("DIVpunkt").style.top = Y_DIV2 + 125 - Ybild*41.2; 
   }
}


function naechste()
{
   zufallX=(Math.floor(20*Math.random()+1)-11)/2;  // Zufalls-Halbzahl zwischen -5 und 4.5
   zufallY=(Math.floor(11*Math.random()+1)-6)/2;  // Zufalls-Halbzahl zwischen -2.5 und 2.5
   plaziere_bild(zufallX,zufallY);
   neuer_durchgang=1;
}

naechste(); // wird zu Beginn ausgeführt

if (isOpera)
{
      document.all.tags("DIV").item("DIVaux").style.pixelLeft = 0;
      document.all.tags("DIV").item("DIVaux").style.pixelTop = document.all.tags("DIV").item("DIV3").style.pixelHeight + Y_DIV3;
}
else if (document.all) // zur Umgehung eines Bugs im IE
{
   document.all.tags("DIV").item("DIVaux").style.posLeft = 0;
   document.all.tags("DIV").item("DIVaux").style.posTop = 
   document.all.tags("DIV").item("DIV3").offsetHeight + Y_DIV3;
}
else if (document.layers)
{
   document.DIVaux.left = 0;
   document.DIVaux.top = document.DIV3.clip.height + Y_DIV3;
}
else if (document.getElementById)
{
   document.getElementById("DIVaux").style.left = 0;
   document.getElementById("DIVaux").style.top = document.getElementById("DIV3").offsetHeight + Y_DIV3;
}