// this array consists of the id attributes of the divs we wish to alternate between
var divs_to_fade;

// the starting index in the above array.  It should be set to the value of the div which doesn't have the CSS Display property set to "none"
var i = 0;

// the number of banners of the divs_to_fade array.
var numberOfBanners;

// the number of milliseconds between swaps.  Default is five seconds.
var wait = 9000;

// the function that performs the fade
function swapFade() {
	Effect.Fade(divs_to_fade[i], { duration:1, from:1.0, to:0.0 });
	i++;
	if (i == numberOfBanners) {
		i = 0;
	}
	Effect.Appear(divs_to_fade[i], { duration:1, from:0.0, to:1.0 });
}

// the onload event handler that starts the fading.
function startSlideShow() {
	divs_to_fade = $('photo').select('[class="slideshow-banner"]');
	numberOfBanners = divs_to_fade.length;
	if (numberOfBanners > 1) {		
		setInterval('swapFade()',wait);
	}
}