var wait = 4000;

var i = 1;

function bannerSwap(imageShow,imageHide)
{
  $(imageShow).appear({ duration: 2.0 });
  $(imageHide).fade({ duration: 2.0 });
}

function startSlideShow()
{
  $('banner2', 'banner3', 'banner4').invoke('hide');
	play = setInterval('playSlideShow()',wait);
}

function playSlideShow()
{
  var j = i+1;
  imageShow = "banner" + j;
  imageHide = "banner" + i;

  if (j == 5) {
  	bannerSwap('banner1',imageHide);	
  	i = 1;					
  } else {
  	bannerSwap(imageShow,imageHide);	
  	i++;
  }
}

document.observe('dom:loaded', function(){
  startSlideShow();
});