var last_frame;
   var fading = false;
   var interval;
   var delay = 5000;
   
   Event.observe(window,'load',function(){
   

                   
      last_frame = images.length;
      var xfade = $("banner");
      xfade.style.position = "relative";
      xfade.innerHTML = "";
    

             xfade.innerHTML += '<a href="'+link1+'"><img style="position:absolute;top:0; z-index:'+(3) + '" src="' + images[0] + '" id="banHaut' + 0 + '" alt="" /></a>';
             
             
             xfade.innerHTML += '<a href="'+link2+'"><img style="position:absolute;top:0; z-index:'+(3-1) + '" src="' + images[1] + '" id="banHaut' + 1 + '" alt="" /></a>';
            
             xfade.innerHTML += '<a href="'+link3+'"><img style="position:absolute;top:0; z-index:'+(3-2) + '" src="' + images[2] + '" id="banHaut' + 2 + '" alt="" /></a>';

               
        
        
      var i = 0;
      interval = setInterval('fader()',delay);
      
      
  });    
  
  
  
  function fader(){
  
  
            try{

            fading = true;
            Effect.Fade("banHaut" + i,'slide' , { duration:1, from:1.0, to:0.0 });
            i++;
            if(i == last_frame) i = 0;
            Effect.Appear("banHaut" + i, { duration:1, from:0.0, to:1.0 });
            fading = false; 
            
            
            }catch(e){return;}
            
                     
   var j;         
            
   for(j = 1;j<4;j++){
 
    tmp = document.getElementById('ban'+j);
    
    switch(j){
 
       case 1: x = '-1px';
       break;
   
       case 2: x = '-22px';
       break;
   
       case 3: x = '-44px';
       break;
 
 } 
    
    
    
    
    if((j-1) == i)
      tmp.style.backgroundPosition = x +' -20px';
    else  
      tmp.style.backgroundPosition = x +' 0';
      
 
 
 }          
          
            

    }