// set the starting image.
//var Banneri = $$('div.Bannerfade-box').length - 1;
var Banneri = 0;

// The array of div names which will hold the images.
//var image_slide = new Array('image-1', 'image-2', 'image-3');

// The number of images in the array.
//var NumOfImages = image_slide.length;
var BannerNumOfImages = $$('div.Bannerfade-box').length;



  
// The time to wait before moving to the next image. Set to 4 seconds by default.
var wait = 7000;

// The Fade Function
function BannerSwapImage(x,y) {
  //$(image_slide[x]).appear({ duration: 0.5 });
  //$(image_slide[y]).fade({duration: 0.5});
  
  $($$('div.Bannerfade-box')[x].id).appear({ duration: 1.5, from: 0, to: 0.9 });
  $($$('div.Bannerfade-box')[y].id).fade({duration: 1.5,from: 0.9, to: 0 });
  
  //$($$('div.Bannerfade-box')[x].id).morph('display:block;');
  //$($$('div.Bannerfade-box')[y].id).morph('display:none;');
  
}

// the onload event handler that starts the fading.
function BannerStartSlideShow() {
  //Banneri = $$('div.Bannerfade-box').length - 1;
  BannerNumOfImages = $$('div.Bannerfade-box').length;
  play = setInterval('BannerPlay()',wait);
  //$('PlayButton').hide();
  //$('PauseButton').appear({ duration: 0});
  
  Bannerupdatecounter();
                
}

function BannerPlay() {
  var imageShow, imageHide;

  imageShow = Banneri+1;
  imageHide = Banneri;
  
  if (imageShow == BannerNumOfImages) {
    BannerSwapImage(0,imageHide);
    Banneri = 0;
  } else {
    BannerSwapImage(imageShow,imageHide);
    Banneri++;
  }
  
  var textIn = Banneri+1 + ' of ' + BannerNumOfImages;
  Bannerupdatecounter();
}

function BannerStop () {
  clearInterval(play);
  $('PlayButton').appear({ duration: 0});
  $('PauseButton').hide();
}

function BannerGoNext() {
  clearInterval(play);
  $('PlayButton').appear({ duration: 0});
  $('PauseButton').hide();
  
  var imageShow, imageHide;

  imageShow = Banneri+1;
  imageHide = Banneri;
  
  if (imageShow == BannerNumOfImages) {
    BannerSwapImage(0,imageHide);
    Banneri = 0;
  } else {
    BannerSwapImage(imageShow,imageHide);
    Banneri++;
  }

  Bannerupdatecounter();
}

function BannerGoPrevious() {
  clearInterval(play);
  $('PlayButton').appear({ duration: 0});
  $('PauseButton').hide();

  var imageShow, imageHide;
        
  imageShow = Banneri-1;
  imageHide = Banneri;
  
  if (Banneri == 0) {
    BannerSwapImage(BannerNumOfImages-1,imageHide);
    Banneri = BannerNumOfImages-1;
    
    //alert(BannerNumOfImages-1 + ' and ' + imageHide + ' Banneri=' + Banneri)
          
  } else {
    BannerSwapImage(imageShow,imageHide);
    Banneri--;
    
    //alert(imageShow + ' and ' + imageHide)
  }
  
  BannerBannerupdatecounter();
}

function Bannerupdatecounter() {
  var textIn = Banneri+1 + ' of ' + BannerNumOfImages;
  //document.getElementById('Counter').innerHTML = textIn;
}