function fade(trans, pic) {
  var all = 21;									// Anzahl Bilder
  var turn = 1;									// +1 für zweites Bild
 
  pic = pic || 1;								// Wenn kein Wert dann 1
  trans = trans || 100;								// Wenn kein Wert dann 100

  if(pic == all) {
    turn = 1 - all;								// Wenn letztes Bild (blendet aus) erreicht ist nächstes 1 (blendet ein)
  }

  if(pic > all) {
    pic = 1;									// Setzt auf erstes Bild zurück
  }

  var img1 = document.getElementById("slide2");
  var img2 = document.getElementById("slide1");
  
  img1.src = "./images/slidshow/slide" + pic +".jpg"				// Bildpfad
  img2.src = "./images/slidshow/slide" + (pic + turn) +".jpg"


  if(trans == 100) {
    img2.style.opacity = 0;
  } 

  trans = trans - 2;

  img1.style.opacity = trans/100;						// img1 blendet aus
  img1.style.filter = 'alpha(opacity=' + trans + ')';
  img2.style.opacity = 1 - trans/100;						// img2 blendet ein
  img2.style.filter = 'alpha(opacity=' + (100 - trans) + ')';

  if(trans > 0) {
    window.setTimeout(function () { fade(trans, pic); }, 100);			// führt Funktion aus bis trans = 0
  } else {
    pic = pic + 1;
    window.setTimeout(function () { fade(100, pic); }, 3000);			// startet Funktion neu mit pic+1
  } 
}