// JavaScript Document
// the number of milliseconds between swaps.  Default is five seconds.
var wait = 5000; // Length of time (in milliseconds) between images
var fade_speed = 1.0; // Duration of fade effect (in seconds)
var fader_div = 'image-fader'; // ID of div to create slideshow from

function swapFade() {
	new Effect.Fade($(fader_div).currentImage,{ duration: fade_speed });
	if($(fader_div).currentImage.next('img')) {
		$(fader_div).currentImage = $(fader_div).currentImage.next('img');
	} else {
		$(fader_div).currentImage = $(fader_div).getElementsBySelector('img')[0];
	}
	new Effect.Appear($(fader_div).currentImage,{ duration: fade_speed });
}

// the onload event handler that starts the fading.
function startFade() {
	if($(fader_div)) {
		$(fader_div).currentImage = $(fader_div).getElementsBySelector('img')[0];
		setInterval('swapFade()',wait);
	}
}
if (window.addEventListener) //DOM method for binding an event
	window.addEventListener("load", startFade, false)
else if (window.attachEvent) //IE exclusive method for binding an event
	window.attachEvent("onload", startFade)
else if (document.getElementById) //support older modern browsers
	window.onload=startFade