window.addEvent('domready', function(){

	
	var mySlideShow;
		
	mySlideShow = new SlideShow('slideshow',{
		delay: 5000,
		transition: 'fade',
		duration: 250,
		autoplay: true
	
	//mySlideShow	
	});
	
//	var	colorSwitch = $$('.content');
//	colorSwitch.addClass('color')
	
	var navigationElement = $$('#slideNavigation .slideNavWrap span');	
	navigationElement.each(function(el, index){
	  	el.store('slide', mySlideShow.slides[index]);
	  		  	
	  	el.addEvent('click',function(){
	    	mySlideShow.show(el.retrieve('slide'));
	    });
	    
	//navigationElement	    
 	}); 	
 	
 	
 	
	mySlideShow.addEvent('show', function(slideData){
 		
 		navigationElement[slideData.previous.index].toggleClass('unselected');
 		navigationElement[slideData.previous.index].removeClass('selected');
 		
		navigationElement[slideData.next.index].toggleClass('unselected')
 		navigationElement[slideData.next.index].addClass('selected');
	
 	//mySlideShow			
 	});
 	
 	
 	
 	
 	
 	
 
 	
 	
 	
 	 	
 		 
	
//DOM	
});






//