  
  /******************************************************
    DOKUMENTATION
    
    
    Anlegen des Delays *********************************
    
      var delay = 5000;
      
      Diese Variable bestimmt, wie lange das erste Laden verzögert wird. Danach greift die obere Variable für alle folgenden Bildwechsel
      Nötig, da das erste Bild nicht eingefaded wird, also objektiv länger komplett sichtbar ist.
      var delay2 = 5000;
    
    Anlegen der Variablen ******************************
      
      var <Name Bilderarray> = new Array();
      <Name Bilderarray>[<Name Bilderarray>.length]  = "...";
      ...
      <Name Bilderarray>[<Name Bilderarray>.length]  = "...";
      
      
      BSP:
        var Images1 = new Array();
        Images1[Images1.length] = "images/photos_2.jpg";
        Images1[Images1.length] = "images/photos_3.jpg";
        ....
        Images1[Images1.length] = "images/photos_xx.jpg";
    
    
    Anlegen des Preload-Bildes **************************
      
      var <preloadImage> = new Image(<width>,<height>);
      
      BSP:
        var preloadImage1 = new Image(520,350);
    
    
    Image Tag *******************************************
    
      <img src="..." name="<Name Img-Tag>" width="<width>" height="<height>" style="filter:blendTrans(Duration=4, Transition=16)">
      
      BSP:
        <img src="images/photos_1.jpg" name="animation" width="520" height="350" border="0" style="filter:blendTrans(Duration=4, Transition=16)">
      
    
    Body Onload Event ***********************************
    
      <body ... onLoad="fadeImages('<Name Bilderarray>', '<Name Img-Tag>', '<preloadImage>', <Nummer der zu ladenden Grafik>);">
      
      BSP:
        <body ... onLoad="fadeImages('Images1','bild1', 'preloadBild1', 0);">
      
      
  ******************************************************/
  
  
  function changeImage(strArrName, strImageTagName, preloadImageName,  intLoadThisImg) {
     
     if( document.images[strImageTagName] && eval(preloadImageName) ){
        
        objImage  = document.images[strImageTagName];
        objPreloadImg = eval(preloadImageName);
        
        if(objImage.filters)
            objImage.filters.blendTrans.Apply();
        
        objImage.src = objPreloadImg.src;
        
        if(objImage.filters)
            objImage.filters.blendTrans.Play();
        
        fadeImages(strArrName, strImageTagName, preloadImageName,  intLoadThisImg+1);
     }
  }
  
  
  function fadeImages(strArrName, strImageTagName, preloadImageName,  intLoadThisImg){
 
      if( eval(strArrName) && document.images[strImageTagName] && eval(preloadImageName) ){
          
          arrImages = eval(strArrName);
          objImage  = document.images[strImageTagName];
          objPreloadImg = eval(preloadImageName);
          
          // falls intLoadThisImg außerhalb des Arrays liegt, beginne wieder bei 0
          if(intLoadThisImg >= arrImages.length)
              intLoadThisImg  = 0;
      
          objPreloadImg.src = arrImages[intLoadThisImg];
    		  if( bolAlreadyRunning == true )
    			    objPreloadImg.onLoad = setTimeout("changeImage('"+strArrName+"', '"+strImageTagName+"', '"+preloadImageName+"',  "+intLoadThisImg+")", delay);
    			else{
      				bolAlreadyRunning = true;
      				objPreloadImg.onLoad = setTimeout("changeImage('"+strArrName+"', '"+strImageTagName+"', '"+preloadImageName+"',  "+intLoadThisImg+")", delay2);
    			}
		  
      }
  }