// die Funktion dObj(id) bildet sogenannte Instanzen. Als Eingabeparameter benötigt sie
// die id eines Objektes
function dObj(id) {
   if (document.documentElement) {				// gilt für Mozilla
      this.el = document.getElementById(id);
      this.css = this.el.style;
   }
   else if (document.all) {						// gilt für IE > 5
      this.el = document.all[id];
      this.css = this.el.style;
   }
   else if (document.layers) {					// gilt für NN 4.x
      this.el = document.layers[id];
      this.css = this.el;
   }
   
   // Koordinaten: x: x-Achse; y: y-Achse; z: z-Achse
   // nachfolgend wird das CSS des internen Stylesheets ausgelesen; x, y und z wird ein Wert zugeordnet
   // parseInt() extrahiert eine Zahl aus einem String und wandelt die Zahl in eine ganze Zahl um
   this.x = parseInt(this.css.left);
   this.y = parseInt(this.css.top);
   this.zIndex = this.css.zIndex;
   this.sichtbar = true;
   
   if (document.layers) {
      this.breite = this.el.document.width;
      this.hoehe = this.el.document.height;
   }
   else {
      this.breite = this.el.offsetWidth;
      this.hoehe = this.el.offsetHeight;
   }
   // hier werden die untenstehenden Funktionen aufgerufen
   // für die vorliegende Navigation werden nur this.zeige und this.verstecke gebraucht
   this.gehNach = dObj_gehNach;
   this.zeige = dObj_zeige;
   this.verstecke = dObj_verstecke;
}


// nun werden drei allgemein gültige Funktionen für das Handling der Layer definiert
// mit "this.css" wird das CSS des jeweiligen Objektes angesprochen und dann mit einer Eigenschaft versehen (z.B. visibility)
// die Funktion dObj_gehNach(x,y) wird für die vorliegende Navigation nicht gebraucht
function dObj_gehNach(x,y) {
   this.css.left = x;
   this.css.top = y;
   this.x = x;
   this.y = y;
}

function dObj_zeige() {
   this.css.visibility = "visible";
   this.sichtbar = true;
}

function dObj_verstecke() {
   this.css.visibility = "hidden";
   this.sichtbar = false;
}