// -------------------------------------------------------------------------------
// Requires fader.js
// Fade interval in milliseconds
// Make this larger if you experience performance issues
// -------------------------------------------------------------------------------
var bannerIndexOut   = 0;
var bannerIndexIn    = 1;
var _element         = 0;
var _element2        = 0;  
var bannerContent    = new Array();
bannerContent[0]     = new Image();
bannerContent[0].src = "Images/General/banner_wentworth.png";
bannerContent[1]     = new Image();
bannerContent[1].src = "Images/General/banner_wentworth_logo.png";
bannerContent[2]     = new Image();
bannerContent[2].src = "Images/General/banner_rocks.png";
bannerContent[3]     = new Image();
bannerContent[3].src = "Images/General/banner_rocks_logo.png";
bannerContent[4]     = new Image();
bannerContent[4].src = "Images/General/banner_road.png";
bannerContent[5]     = new Image();
bannerContent[5].src = "Images/General/banner_road_logo.sis.png";
bannerContent[6]     = new Image();
bannerContent[6].src = "Images/General/banner_ferry.png";
bannerContent[7]     = new Image();
bannerContent[7].src = "Images/General/banner_ferry_logo.png";
bannerContent[8]     = new Image();
bannerContent[8].src = "Images/General/banner_falls.png";
bannerContent[9]     = new Image();
bannerContent[9].src = "Images/General/banner_falls_logo.png";

function BasicBanner (element, element2) {
  _element     	     = element;
  _element2          = element2;
  // Create FadeOut
  this._faderOut	     = new Fader(_element,2, 99.99,0,99.99,true,3);
  this._faderOut.OnComplete  = this._handleFadeOutComplete;
  this._faderIn	             = new Fader(_element2,2, 0,0,99.99,true,3);
  this._faderIn.OnComplete   = this._handleFadeInComplete;  
}

BasicBanner.prototype._handleFadeOutComplete = function (aiComplete) {
  // Increment context index;
  if (aiComplete == 0){
    bannerIndexOut+=2;
    if (bannerIndexOut >= bannerContent.length){
      bannerIndexOut = 0;
    }
      
    // Update image source
    _element.src = bannerContent[bannerIndexOut].src;
  
  }
}

BasicBanner.prototype._handleFadeInComplete = function (aiComplete) {
  // Increment context index;
  if (aiComplete == 0){
    bannerIndexIn+=2;
    if (bannerIndexIn >= bannerContent.length){
      bannerIndexIn = 1;
    }
      
    // Update image source    
    _element2.src = bannerContent[bannerIndexIn].src;
    
  
  }
}

BasicBanner.prototype.StartAnimation = function () {
  this._faderOut.fadeOut();
  this._faderIn.fadeIn();
}