var mySlideShow;

window.addEvent('domready',function(){
	
	// instance with a few options
	mySlideShow = new SlideShow('slides',{
		delay: 5000,
		autoplay: true
	});
	
	
	

	
	if ($("slide1")) {
	$('slide1').addEvent('click',function(){
		mySlideShow.show(0);
	});
	}
	
	if ($("slide2")) {
	$('slide2').addEvent('click',function(){
		mySlideShow.show(1);
	});
	}
	
	
	if ($("slide3")) {
	$('slide3').addEvent('click',function(){
		mySlideShow.show(2);
	});
	}
	
	if ($("slide4")) {
	$('slide4').addEvent('click',function(){
		mySlideShow.show(3);
	});
	}
	
	if ($("slide5")) {
	$('slide5').addEvent('click',function(){
		mySlideShow.show(4);
	});
	}
	
	if ($("slide6")) {
	$('slide6').addEvent('click',function(){
		mySlideShow.show(5);
	});
	}
	
	if ($("slide7")) {
	$('slide7').addEvent('click',function(){
		mySlideShow.show(6);
	});
	}
	
	if ($("slide8")) {
	$('slide8').addEvent('click',function(){
		mySlideShow.show(7);
	});
	}
	
	if ($("slide9")) {
	$('slide9').addEvent('click',function(){
		mySlideShow.show(8);
	});
	}
	
	if ($("slide10")) {
	$('slide10').addEvent('click',function(){
		mySlideShow.show(9);
	});
	}

	// Event demonstration
	/*mySlideShow.addEvents({
		onShow: function(){ $('onShow').highlight(); },
		onShowComplete: function(){ $('onShowComplete').highlight(); },
		onReverse: function(){ $('onReverse').highlight(); },
		onPlay: function(){ $('onPlay').highlight(); },
		onPause: function(){ $('onPause').highlight(); }
	});*/
	
	// the rest of the demo showing how to control the instance
	var toggled = [$('show'), $('showNext'), $('showPrevious'), $('showIndex')];
	
	
	
	/*$('show').addEvent('click',function(){
		mySlideShow.show(mySlideShow.slides[4], {
			duration: 3000,
			transition: 'fadeThroughBackground'
		});
	});
	*/
	

});