var photos = new Array();
photos[photos.length] = {"image":"slides/slide1.jpg"};
photos[photos.length] = {"image":"slides/slide2.jpg"};
photos[photos.length] = {"image":"slides/slide3.jpg"};
photos[photos.length] = {"image":"slides/slide4.jpg"};
photos[photos.length] = {"image":"slides/slide5.jpg"};
photos[photos.length] = {"image":"slides/slide6.jpg"};
photos[photos.length] = {"image":"slides/slide7.jpg"};
photos[photos.length] = {"image":"slides/slide8.jpg"};
photos[photos.length] = {"image":"slides/slide9.jpg"};

var transitioner;
var currentPhoto = 0;
var transitionPhoto = 1;
// number of seconds for slide to display
var slideTime = 4;
slideTime = slideTime * 1000;

function doSlideshow(theImage)
{
	// set up the image
	try
	{
		theImage = document.getElementById("theImage");
	}
	catch (e)
	{
		try
		{
			theImage = document.all.theimage;
		}
		catch (e)
		{
			//alert(e);
		}
	}
	// create a new photo transitioner
	transitioner = new ELSPhotoTransitioner(photos[transitionPhoto]["image"], theImage, {"id":"theViewer"});
	
	// use the transitioner's on finish even to display the next image
	transitioner.addEventListener("onFinish", nextSlide);
	
	// start the transition after a short delay
	transitioner.start();
	
	
}
function nextSlide()
{
	// set the current photo
	currentPhoto = transitionPhoto;
	
	// increment to the next photo
	transitionPhoto++;
	transitionPhoto = transitionPhoto % photos.length;
	
	// tell the transitioner to display the next slide
	transitioner.setTransitionImageAndStartWithDelay(photos[transitionPhoto]["image"], slideTime);
	
	
}
// set this function to run when the document loads
try { if (window.attachEvent) window.attachEvent('onload', doSlideshow); else if (window.addEventListener) window.addEventListener('load', doSlideshow); } catch(e) { if (document.addEventListener) document.addEventListener("DOMContentLoaded", doSlideshow, false); }