var BannerFade = new Class
({
  Implements: Options,

  options :
  {
    timeBetween : 4000,
    banners : []
  },

  initialize : function (options)
  {
    this.currentDiv = 0;

    this.setOptions(options);

    this.fadeToNextDiv.periodical(this.options.timeBetween, this);
    
    $(this.options.banners[0] + 'Contents').set('slide', {duration: 'long', transition: 'cubic:out', mode: 'horizontal'});
    $(this.options.banners[0] + 'Contents').slide("hide").slide("in");
  },

  fadeToNextDiv : function ()
  {
    var nextDiv = this.currentDiv + 1;
    if (nextDiv >= this.options.banners.length) nextDiv = 0;

    $(this.options.banners[this.currentDiv]).fade("0.0");
    $(this.options.banners[nextDiv]).fade("1.0");
    $(this.options.banners[nextDiv] + 'Contents').set('slide', {duration: 'long', transition: 'cubic:out', mode: 'horizontal'});
    $(this.options.banners[nextDiv] + 'Contents').slide("hide").slide("in");

    this.currentDiv = nextDiv;
  }
});