/* Slideshow                                                                  */
/* German Scholl im Mai 2010                                                 */
/* ************************************************************************** */
/*
Folgende Annahmen für die Slideshow:
- die Slideshow spielt sich in einem mit #header2 bezeichneten <div> ab;
- darin befinden sich Photos, die ...
   - relativ positioniert sind (das Basisphoto, welches immer - auch ohne
     JavaScript - angezeigt wird),
   - absolut positioniert sind (alle Slideshow-Photos sowie das außerhalb der
     Slideshow positionierte Logo)
- für den div #header2 werden alle darin enthaltenen Photos ermittelt (imgs[])
- die Überblendfunktion muss/soll ohne das Logo und das Basisphoto ablaufen
- das letzte Photo der Slideshowphotos muss identisch sein   mit dem
  allerersten
- die function step() startet und zählt die Photos hoch bis zum letzten der
  Überblendphotos
- danach werden alle wieder transparent gesetzt; da das letzte der
  Slideshowphotos identisch ist mit dem Basisphoto, wird der Übergang vom
  Beobachter nicht registriert;
- das Spiel beginnt wieder beim ersten Bild
*/
/* ************************************************************************** */
var imgs;   //Globale Variable, benötigt von beide Timern
function get_imgs_slideshow(){
   imgs = document.getElementById("header2").getElementsByTagName("img");
   //alert("Anzahl Bilder: " + imgs.length);
}
function fade(step) {
   //var imgs = document.getElementById("header2").getElementsByTagName("img");
   step = step || 0;
   imgs[counter].style.opacity = step/100;
   imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //
   step = step + (1);      //Schnelligkeit des Übergangs
   if (step <= 100) {
      steptimer = window.setTimeout(function () { fade(step); }, 20);
   }
   else {
      nexttimer = window.setTimeout(next, 4000); //Bilderwechsel nach ... Millisekunden
   }
}

function next() {
   //var imgs = document.getElementById("header2").getElementsByTagName("img");
   //alert("Anzahl Bilder: " + imgs.length);
   if (typeof(counter) != "number") {
      counter = 0;
   }
   counter++;
   if (counter < imgs.length-1) {
      fade();
      //alert("Einblenden Bild " + counter);
   }
   else{
      counter = 1;      //von vorne bei Bild 1 anfangen
      //Folgende Bilder transparent setzen:
      for(i=counter;i<imgs.length-1;i++){
         imgs[i].style.opacity = 0; //transparent setzen
         imgs[i].style.filter = "alpha(opacity=0)";
      }
      fade();
   }
};