document.observe("dom:loaded", function() {
	// init
	var odwStartingImage = 0;
	var odwNumOfImages = $$('.odw-item').length;
	/*$$('.odw-item').each(function(item) {
		item.hide();
	});
	$$('.odw-item')[0].show();*/

	$$('.odw-control-next').each(function(item) {
		item.observe('click', function(event){
			var imageShow, imageHide;

			imageShow = odwStartingImage+1;
			imageHide = odwStartingImage;

			if(imageShow == odwNumOfImages) {
				SwapImage(0,imageHide);
				odwStartingImage = 0;
			} else {
				SwapImage(imageShow,imageHide);
				odwStartingImage++;
			}
			Event.stop(event);
		});
	});

	$$('.odw-control-prev').each(function(item) {
		item.observe('click', function(event){
			var imageShow, imageHide;

			imageShow = odwStartingImage-1;
			imageHide = odwStartingImage;

			if (odwStartingImage == 0) {
				SwapImage(odwNumOfImages-1,imageHide);
				odwStartingImage = odwNumOfImages-1;
			} else {
				SwapImage(imageShow,imageHide);
				odwStartingImage--;
			}
			Event.stop(event);
		});
	});

	// The Fade Function
	function SwapImage(imageShow,imageHide) {
		$($$('.odw-item')[imageShow]).setStyle({
			display: 'block'
		});
		//appear({duration: 1.5});
		$($$('.odw-item')[imageHide]).hide()
		//fade({duration: 1.5});
	}
});