window.addEvent('domready', function() {
	if($('gallery_list')) {
		var transTimer = 2000;										//length of animation
		var intervalTimer = 10000;									//time between slides
		var galleryList = $('gallery_list');						//contains each gallerySlide floated left
		var gallerySlides = $('gallery_list').getElements('div');	//each gallerySlide contains "<div><img><p></p></div>
		var currentSlide = 0;										//start with first image
		var imageSize = 0;
		var firstWrap = galleryList.getFirst('div');
		var imageSize = firstWrap.getStyle('width').toInt();
		
		var slide = new Fx.Morph(galleryList, { duration: transTimer, transition: Fx.Transitions.Sine.easeInOut });
		
		var slideMe = function(back) {
			
			//slide next
			if (!back) {
				if (currentSlide < (gallerySlides.length - 1)) {
					currentSlide++;	
				} else {
					currentSlide = 0;
				}
			//slide prev
			} else if (back) {
				if (currentSlide != 0) {
					currentSlide--;	
				} else {
					currentSlide = (gallerySlides.length - 1);
				}
			}
			//slide it
			slide.start({ 'left': -(currentSlide * imageSize) });
		}
						
		//set up the gallery
		galleryList.setStyle('width', (gallerySlides.length * imageSize));
		slideShow = slideMe.periodical(intervalTimer);
	}
});