function Banner() {
  this.currentImage = 0;
  this.imageCount = 0;
  this.fadeTime = 8500;
  this.imageFade = 1500;
  this.imageHolderID = 'bannerImageInner';
  this.imageHolderID2 = 'bannerImageInner2';
  this.imageID = 'bannerImage';
  this.imageID2 = 'bannerImage2';
  this.bannerClickTarget = 'bannerPlaceholder';
  this.imageArray = new Array();
  this.urlArray = new Array();
  this.bottom = false;
  
  this.setup = function() {
    $('#'+banner.imageID).attr('src', this.imageArray[0]);
    banner.setClickUrl(this.urlArray[0]);
  }
  
  this.rotate = function() {
    if (this.currentImage < this.imageCount-1) { 
      this.currentImage++;
    } else {
      this.currentImage = 0;
    }
    this.fadeToImage(this.getImageName()); //, this.getUrl());
    var t = setTimeout('banner.rotate()', this.fadeTime);
  }
  
  this.fadeToImage = function(image, url) {
    if (banner.bottom) {
      banner.bottom = false;
    } else {
      banner.bottom = true;
    }
    if (!banner.bottom) {  // fade into top layer
      $('#'+banner.imageID).attr('src', image);
	  // $('#'+banner.imageHolderID2).fadeOut('slow');
	  $('#'+banner.imageHolderID2).fadeOut(banner.imageFade);
      banner.setClickUrl(this.urlArray[banner.currentImage]);
	  // $('#'+banner.imageHolderID).fadeIn('slow');
	  $('#'+banner.imageHolderID).fadeIn(banner.imageFade);
    } else {  // fade into bottom layer
      $('#'+banner.imageID2).attr('src', image);
	  // $('#'+banner.imageHolderID).fadeOut('slow');
	  $('#'+banner.imageHolderID).fadeOut(banner.imageFade);
      banner.setClickUrl(this.urlArray[banner.currentImage]);
	  // $('#'+banner.imageHolderID2).fadeIn('slow');
	  $('#'+banner.imageHolderID2).fadeIn(banner.imageFade);
    }
  }
  
  this.setClickUrl = function(url) {
    $('#testOutput').prepend('url:'+url+'<br/>');
    $('#'+this.bannerClickTarget).bind('click', function(){
      window.open(url,'_self');
    });
  }
  
  this.getImageName = function() {
    return banner.imageArray[banner.currentImage];
  }
  
  this.getUrl = function() {
    return banner.urlArray[banner.currentImage];
  }
  
  this.addImageAndUrl = function(image, url) {
    this.imageArray[this.imageArray.length] = image;
    this.urlArray[this.urlArray.length] = url;
    this.imageCount++;
  }

}


