//START:images
images = [ 
"images/cookies.jpg", 
"images/pizza.jpg", 
"images/grapes.jpg" 
] 
var delay = 5000; 
//END:images
//START:build_images
var xfade = $("banner"); 
xfade.style.position = "relative"; 
xfade.innerHTML = ""; 

for(var i = 0; i < images.length; i++) { 
  xfade.innerHTML += '<img style="position:absolute;top:0; z-index:' + 
  (images.length - i) + '" src="' + images[i] + '" id="image_' + i + '"/>' 
} 
//END:build_images

//START:start_crossfader
  var i = 0; 
  setInterval('fader()',delay); 
//END:start_crossfader
//START:fader
function fader(){ 
  Effect.Fade("image_" + i , { duration:1, from:1.0, to:0.0 }); 
  i++; 
  if(i == images.length) i = 0; 
  Effect.Appear("image_" + i, { duration:1, from:0.0, to:1.0 }); 
} 

//END:fader