/* ------------------------------------------------------------------- */
/* fotogalerie.js                                                      */
/* Andreas Fischer Homepapa, 20.12.2009                                */
/*                                                                     */
function galerie_bild(bild) {
  /* Für die Fotogalerie existiert eine DIV namens fotohigru.          */
  /* Diese DIV ist normalerweise nicht sichtbar. Wenn aber             */
  /* ein Bild angezeigt werden soll, muss sie sichtbar gemacht         */
  /* werden:                                                           */
  document.getElementById("fotohigru").style.display = "block" ;
  
  /* in dieser DIV "fotohigru" steckt eine zweite namens fotoplatz.    */
  /* Diese enthält dann das Bild mit der Id "galeriebild".             */
  /* Wir laden nun zuerst einmal das Bild.                             */
  document.getElementById("galeriebild").src = pfad + "/" + bild ;
  
  /* Das Bild möchten wir sauber zentrieren.                           */
  /* Es liegt über der DIV "text", die 820px breit ist.                */
  bildname = pfad.substr(pfad.lastIndexOf("/")+1) ;
  bildbreite = breite[bild] + 20 ;
  neulinks = Math.floor((820 - bildbreite) / 2) ;
  bildhoehe  = hoehe[bild] + 20 ;
  neuoben = Math.floor((800 - bildhoehe) / 2) ;
  neuoben = 50 ;
  // alert("Es geht um das Bild \"" + bild + "\" und wir arbeiten mit"
  //     + "\nBreite: " + breite[bild] + ", danach " + bildbreite + ", Position " + neulinks
  //     + "\nHoehe: " + hoehe[bild] + ", danach " + bildhoehe + ", Position " + neuoben) ;
  document.getElementById("fotoplatz").style.left = neulinks + "px" ;
  document.getElementById("fotoplatz").style.top = neuoben + "px" ;
  document.getElementById("fotoplatz").style.display = "block" ;
  
  /* nun geht's noch um die prev/next Knöpfe.                          */
  for(i=1 ; i<bilder.length ; i++) {
    if(bilder[i] == bild) {
      /* das aktuelle Bild hat die Nummer i.                             */
      if(i == 1) document.getElementById("prevfoto").style.display = "none" ;
      else       document.getElementById("prevfoto").style.display = "block" ;

      if(i == bilder.length - 1) document.getElementById("nextfoto").style.display = "none" ;
      else                       document.getElementById("nextfoto").style.display = "block" ;
    }
  }
}

function ausblend() {
  document.getElementById("fotohigru").style.display = "none" ;
  document.getElementById("fotoplatz").style.display = "none" ;
}

function nextfoto() {
  /* Das nächste Bild der Fotogalerie soll angezeigt werden.           */
  /* (a) ausfindig machen, welches Bild jetzt angezeigt wird.          */
  /* (b) nächstes Bild ermitteln                                       */
  /* (c) anzeigen                                                      */

  /* (a) src des Elementes "galeriebild" ist massgebend                */
  aktbild = document.getElementById("galeriebild").src ;
  aktbild = aktbild.substr(aktbild.lastIndexOf("/")+1) ;
  /* (b) nächstes Bild ermitteln. Wir haben dafür einen Array.         */
  for(i=1 ; i<bilder.length ; i++) {
    if(bilder[i] == aktbild) {
      j = i+1 ;
      galerie_bild(bilder[j]) ;
      return ;
    }
  }
}
function prevfoto() {
  /* Das vorhergehende Bild der Fotogalerie soll angezeigt werden.     */
  /* (a) ausfindig machen, welches Bild jetzt angezeigt wird.          */
  /* (b) vorhergehendes Bild ermitteln                                 */
  /* (c) anzeigen                                                      */

  /* (a) src des Elementes "galeriebild" ist massgebend                */
  aktbild = document.getElementById("galeriebild").src ;
  aktbild = aktbild.substr(aktbild.lastIndexOf("/")+1) ;
  /* (b) vorhergehendes Bild ermitteln. Wir haben dafür einen Array.   */
  for(i=1 ; i<bilder.length ; i++) {
    if(bilder[i] == aktbild) {
      j = i-1 ;
      galerie_bild(bilder[j]) ;
      return ;
    }
  }
}