// Bildanzahl muss gerade sein
var dateinamen = new Array (
 "09290059.jpg", // Stube quer
 "09290060.jpg", // Stube Richtung Saal
 "09290068.jpg", // Stube closeup Leuchtturm
 "09290045.jpg", // Stube Richtung Tür
 "09290047.jpg", // Stube Trennwand
 "09290050.jpg", // Stube diagonal
 "09290054.jpg", // Theke
 "09290052.jpg", // Leuchttürme
 "09290010.jpg", // Saal Richtung Fenster 
 "09290011.jpg", // Saal hinten links
 "09290013.jpg", // Saal hinten rechts
 "09290029.jpg", // Saal closeup Sets
 "09290017.jpg", // Saal diagonal
 "09290019.jpg", // Saal lange Tafel
 "09290032.jpg", // Saal closeup Blume
 "09290021.jpg", // Saal hinten rechts und Tafel
 "09290039.jpg", // Saal closeup lange Setreihe
 "09290043.jpg" // Lampe
 );

var datei_idx = 1;

// onload

function starte() {
 if(navigator.appName.indexOf("Internet Explorer") != -1) {
  if(navigator.appVersion.indexOf("MSIE 6.0") != -1 ||
   navigator.appVersion.indexOf("MSIE 5.5") != -1 ||
   navigator.appVersion.indexOf("MSIE 5.0") != -1) {
     window.location.href = "browser.html";
  }
 }
 warte();
}

function warte() {
 window.setTimeout('blenden()', 5000);
}

function blenden() {
 if(datei_idx % 2) {
  id_from = 'fadeto';
  id_to = 'fadeto2';
 } else {
  id_from = 'fadeto2';
  id_to = 'fadeto';
 }
 document.getElementById(id_to).src = dateinamen[datei_idx];
 datei_idx ++;
 if(datei_idx == dateinamen.length) datei_idx = 0;
 fade_from_to(id_from, id_to);
}

/* set the opacity of an element (between 0.0 and 1.0) */
function setOpacity(element, level) {
  element.style.opacity = level;
  element.style.MozOpacity = level;
  element.style.KhtmlOpacity = level;
  element.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

var opacity = 0.0;

function fade_from_to(element_id1, element_id2) {
 if(!this.proc) {
    // Prozess starten
    this.proc = window.setInterval ('fade_from_to(\'' + element_id1 + '\', \'' + element_id2 + '\')', 50);
 } else {
    // Effekt läuft bereits
    // Verweise auf die Elemente holen...
    var e = document.getElementById (element_id1);
    var e2 = document.getElementById (element_id2);
    opacity += 0.05;
    setOpacity(e, 1.0 - opacity);
    setOpacity(e2, opacity);
    if(opacity >= 1.0) {
      // Volle Transparenz von Bild 1 erreicht!
      // Das andere Bild ist in diesem Fall vollständig eingeblendet!
      window.clearInterval (this.proc);
      this.proc = null;
      opacity = 0.0;
      warte();
    }
 }
}

function fade_to (element_id1, element_id2) {
  // Prozess noch nicht gestartet?
  if (!this.proc) {
    // Überblendung auf das gleiche Bild ist nicht möglich!
    if (element_id1 == element_id2) {
      alert ('Sie muessen die IDs zweier unterschiedlicher HTML-Elemente angeben!');
      return;
    }
    // Prozess starten
    this.proc = window.setInterval ('fade_to(\'' + element_id1 + '\', \'' + element_id2 + '\')', 50);
  }
  else {
    // Effekt läuft bereits
    // Verweise auf die Elemente holen...
    var e = document.getElementById (element_id1);
    var e2 = document.getElementById (element_id2);
    var opacity1, opacity2;
    // Aktuelle Transparenz der beiden Bilder bei
    // Opera und Mozilla-Abkömmlingen mit opacity Style-Eigenschaft..
    if (!e.filters) {
      opacity1 = !e.style.opacity ? 1 : parseFloat (e.style.opacity);
      opacity2 = !e2.style.opacity ? 0 : parseFloat (e2.style.opacity);
    }
    // bzw. über die Filter des IE ermitteln.
    else {
      opacity1 = !e.filters.alpha.opacity ? 1 : parseFloat (e.filters.alpha.opacity) / 100;
      opacity2 = !e2.filters.alpha.opacity ? 0 : parseFloat (e2.filters.alpha.opacity) / 100;
    }
    // Volle Transparenz von Bild 1 noch nicht erreicht?
    if (opacity1 != 0) {
      // Transparenz der beiden Bilder um 5% in die unterschiedlichen
      // Richtungen anpassen.
      opacity1 -= 0.05;
      opacity2 += 0.05;
      // Anpassung der Styles erfolgt wieder Browserabhängig
      if (!e.filters) {
        e.style.opacity = opacity1;
        e2.style.opacity = opacity2;
      }
      else {
        e.filters.alpha.opacity = opacity1;
        e2.filters.alpha.opacity = opacity2;
      }
    }
    else {
      // Volle Transparenz von Bild 1 erreicht!
      // Das andere Bild ist in diesem Fall vollständig eingeblendet!
      window.clearInterval (this.proc);
      this.proc = null;
      warte();
    }
  }
}