// Geschwindigkeit der Animation anpassen
  var pauseTime = 5000;
  var fadeTime = 3000;
  
  // Unverändert lassen
  var i = 0;
  var interVal = 0;
/*
  $(document).ready(function() {
    // Div-Elementen nummerierte IDs zuweisen
    $('div.showItem').attr('id', function (arr){
      return "item" + arr;
    });
    
    // Div-Elemente in Ebenen sortieren
    $('div.showItem').attr('style', function (index){
      return "z-index:" + (1000-index*10);
    });
    
    
    // Alle Container wieder einblenden, den Reset-Timer zurücksetzen, den Counter zurücksetzen und den Fade-Timer neu starten
    function fadeReset() {
      //alert("Reset");
      clearTimeout(interVal);
      $('div.showItem:first').animate({'opacity':'1.0'},fadeTime,'swing',function(){
        $('div.showItem').css('opacity','1.0');
        interVal = setTimeout(fadeOut,pauseTime);
      });
    }
    
    // Bilder der Reihe nach ausfaden
    function fadeOut() {
      // Fade-Timer zurücksetzen
      clearTimeout(interVal);
      
      // Aktuelles Bild ausfaden
      $('#item'+i).animate({'opacity':'0.0'},fadeTime,'swing',function(){
        
        // Solange das letzte Bild noch nicht erreicht ist wird der Fade-Timer neu gestartet und die Bildnummer erhöht
        if(i <= $('div.showItem').size()-3){
          i++;
          interVal = setTimeout(fadeOut,pauseTime);
        // Sobald das letzte Bild erreicht ist, wird statt der Fade- die Reset-Funktion aufgerufen
        } else {
          i = 0;
          interVal = setTimeout(fadeReset,pauseTime);
        }
      });
    }
    
    // Erster Aufruf des Fade-Timers, erstes Bild ausfaden
    interVal = setTimeout(fadeOut,pauseTime);
  });
*/



  $(document).ready(function() {
 
  
    // Div-Elementen nummerierte IDs zuweisen
    $('div.showItem').attr('id', function (arr){
      return "item" + arr;
    });
    
    // Div-Elemente in Ebenen sortieren
    $('div.showItem').attr('style', function (index){
      return "z-index:" + (1000-index*10);
    });
    
    
    // Alle Container wieder einblenden, den Reset-Timer zurücksetzen, den Counter zurücksetzen und den Fade-Timer neu starten
    function fadeReset() {
      clearTimeout(interVal);
      $('div.showItem:first .itemImage').animate({opacity: 1},fadeTime,'swing');
      $('div.showItem:first .itemText').animate({opacity: 1},fadeTime,'swing',function(){

        $('div.showItem div').css('opacity','1');
        interVal = setTimeout(fadeOut,pauseTime);
      });
    }
    
    // Bilder der Reihe nach ausfaden
    function fadeOut() {
      // Fade-Timer zurücksetzen
      clearTimeout(interVal);
      
      // Aktuelles Bild ausfaden
      $('#item'+i+' .itemImage').animate({opacity: 0},fadeTime,'swing');
      $('#item'+i+' .itemText').animate({opacity: 0},fadeTime,'swing',function(){
        // Solange das letzte Bild noch nicht erreicht ist wird der Fade-Timer neu gestartet und die Bildnummer erhöht

        if(i <= $('div.showItem').size()-3){
          i++;
          interVal = setTimeout(fadeOut,pauseTime);
        // Sobald das letzte Bild erreicht ist, wird statt der Fade- die Reset-Funktion aufgerufen
        } else {
          i = 0;
          interVal = setTimeout(fadeReset,pauseTime);
        }
      });
    }
    
    // Erster Aufruf des Fade-Timers, erstes Bild ausfaden
    interVal = setTimeout(fadeOut,pauseTime);
  
  });