  
  /******************************************************
    DOKUMENTATION
    
    
    Anlegen des Delays *********************************
    
      var delay = 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];
          objPreloadImg.onLoad = setTimeout("changeImage('"+strArrName+"', '"+strImageTagName+"', '"+preloadImageName+"',  "+intLoadThisImg+")", delay);
          
      }
  }
