Array.prototype.shuffle = function (){ 
  for(var rnd, tmp, i=this.length; i; 
      rnd=parseInt(Math.random()*i), 
      tmp=this[--i], this[i]=this[rnd], this[rnd]=tmp);
};

var banner=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
banner.shuffle();
var index=0;

function fade() {
  Effect.Fade("banner-"+banner[index], { queue: 'front', duration: 0.3 });
  //$("banner-"+banner[index]).fade({queue: 'front', duration: 0.3 });
  
  index>=banner.size()-1 ? index=0 : index ++; 
  
  //$("banner-"+banner[index]).appear({queue: 'end', duration: 0.3 });
  Effect.Appear("banner-"+banner[index], { queue: 'front', duration: 0.3 });

  window.setTimeout('fade()', 10000);
}

Event.observe(window, 'load', function() {
  window.setTimeout('fade()', 0);
});