/* Bildname erste Ebene, welcher ausgetauscht werden soll (im img-tag die id) */
      var imageid = "peters_slideshow";
      
       /* Bildname für zweite Ebene, welcher ausgetauscht werden soll (im img-tag die id) */
      var imageid2 = "peters_slideshow2";    
      
      /* Name des Div-Containers, der ein- und ausgeblendet werden soll */
      var divname = ".peters_slideshow_inner"; 
      
      /* Name des Div-Containers zweite Ebene, der ein- und ausgeblendet werden soll */
      var divname2 = ".peters_slideshow_inner2";
      
      /* Pfad zum root 
      var pfad = server_pfad_js+"dashotel/";*/
      
      /* Array für die Bildernamen. Hier die Bildernamen eintragen 
      var imagenames = new Array();*/

      
      /* Zeit in Millisekunden für Darstellung des Bildes */
      var intervaltime = "2200";
      
      /* Fadeout-Zeit in Millisekunden für Bild */
      var fadeOutTime = 1500;
      
      /* Fadein-Zeit in Millisekunden für Bild */
      var fadeInTime = 1500;
      
      /* Timout für outfade */
      var firstTimeout = "2000";
      
      /* Pfade zu Bildern, die veröffentlicht werden sollen */
      image = new Array();
      
      /* Variable für Image() preload */
      preLoadImage = new Array();
      
      /* Zähler um Ein- und Ausfaden zu steuern */
      var z = 0;     
      
      /* Array, indem die Zufallszahlen gespeichert werden */
      randomArray = new Array();
      
      /* Position des Arrays randomArray */
      var x = -1;
      
      

      
      /* Fülle Random-Array*/
      //setRandomArray();
      
      /* Zuerst lade die Bilder in den Cache */
      loadImage(); 
      
      /* Einmal ausfaden */
      $(document).ready(function(){
          startShow();
      }); 
      
      /* Einmal einfaden */
      $(document).ready(function(){          
          setTimeout("startShow()", firstTimeout);
          setTimeout("beginInterval()", intervaltime);
      });
                  
      /* Beginne mit der Diashow im Interval wenn mehrere Bilder am Start anderfalss... */
      function beginInterval(){      
        newintervaltime = parseInt(intervaltime) + parseInt(firstTimeout);
        if (imagenames.length > 1){
            $(document).ready(function(){        
              setInterval("startShow()", newintervaltime);
            });
        } 
      }
   
      /* x für Startposition im imagearray setzen
       */
      function setx(temp) {
        this.x = temp;   
      }
      
      /* Zufallszahl in Array schreiben
       */
      function setRandomArray() {
        for (i = 0; i < this.imagenames.length; i++){
          this.randomArray[i] = rand(this.imagenames.length);
          if (i > 0){
            if (this.randomArray[i-1] == this.randomArray[i]){
              i--;
            }
          }
        }
      }
            
      /* Zufallszahl erzeugen
       * @param: range für Zahl, die den Bereich der Zufallszahl eingrenzt: 8 -> 0-7
       * @return: Zufallszahl
       */
      function rand(range) {
        return Math.ceil(Math.random() * 1000) % range;
      }

 
      
      /* Preload für Images 
       */
      function loadImage () {       
        for(var i = 0; i < this.imagenames.length; i++){       
          this.image [i] = [this.imagenames[i]];
          this.preLoadImage[i] = new Image();
          this.preLoadImage[i].src = this.image[i];
        }      
      }
      
      /* fadeIn 
       */
      function fadeIn (){            
        // Bild in zweiter Ebene einfuegen und einfaden
        increaseX();        
        document.getElementById(this.imageid2).src = this.preLoadImage[this.x].src;
        $(document).ready(function(){        
          $(divname2).fadeIn(fadeInTime);
        });
        
        // Bild in erster Ebene wechseln, nachdem fadeIn abgeschlossen
        increaseX();                
        setTimeout("changeImage()", this.fadeInTime); 
      }
      
      /* fadeOut 
       */
      function fadeOut (){
        $(document).ready(function(){
            $(divname2).fadeOut(fadeOutTime);
        });        
      }
          
      
      /* Tausche Bild aus in erster Ebene
       */
      function changeImage(){
        document.getElementById(this.imageid).src = this.preLoadImage[this.x].src;
      }
      
      /* Erhoehe Position im Bildarray - erhoehe die Arrayposition im randomArray
       */
      function increaseX(){
        this.x++;       
        if (this.x >= this.imagenames.length){
          this.x = 0;        
        }
      }
      
      
      /* Startet Diashow (Controller) 
       */
      function startShow () {              
        if (this.z == 0) {          
          fadeOut();        
          this.z = 1;   
        } 
        else if (this.z == 1) {                             
          this.z = 0;
          fadeIn();            
        }            
      }