document.addEvent('domready', function() {

  var slides = [ 
    '/img/start2.jpg', 
    '/img/start3.jpg',
	'/img/start1.jpg'
  ];
  
  var duration = 10000;

  counter = 0;  

  var rotate = function() {
    if (!slides[counter])
      counter = 0;
  
    // Neue Background-Image-Eigenschaft ermitteln
    var newBackgroundImageProperty = 'url(' + slides[counter] + ')';
    counter++;

    // Wenn das neue Background-Image das gleiche ist wir das aktuelle wird die Funktion erneut aufgerufen
    if ($('start').getStyle('background-image') == newBackgroundImageProperty) {
      rotate();
      return 0;
    }
      
    // Box rausfaden
    new Fx.Tween($('start'), {
    
      /* 
       * Wenn Box komplett rausgefadet ist wird das Background-Image
       * geaendert und die Box wird wieder reingefadet
       */
      onComplete: function() {
        $('start').setStyle('background-image', newBackgroundImageProperty);
        
        new Fx.Tween($('start'), {
        
          onComplete: function() {
            // Rotate-Funktion in 'duration' wieder ausfuehren 
            rotate.delay(duration);
            
          }
        
        }).start('opacity', 1);
      }
      
    }).start('opacity', 0);
   
  }
  

  new Asset.images(slides, {
    onComplete: function() {  
      rotate.delay(duration);
    }
  });
   
});