var ZSlideShow = Class.create();

ZSlideShow.prototype = {
	
	initialize: function( oUl ) {
		var oSlideShow = this;
		
		oUl.style.listStyleType = 'none';
		oUl.style.position = 'relative';
		oUl.style.overflow = 'hidden';
		
		this.aImages = Array();
		this.iDisplayedIdx = 0;
		
		$A( oUl.childNodes ).each(
			function( oChild, iIdx ) {
				if ( oChild.tagName && oChild.tagName.match( /li/i ) ) {
					//$A( oChild.childNodes ).each(
						//function( oItemChild, iIdx ) {
							//if ( oItemChild.tagName && oItemChild.tagName.match( /img/i ) ) {
								var oImg = oChild;
								oImg.style.display = oSlideShow.aImages.length == 0 ? 'block' : 'none';
								oImg.style.position = 'absolute';
								oImg.style.top = '0';
								oImg.style.left = '0';
								oSlideShow.aImages[oSlideShow.aImages.length] = oImg;
							//}
						//}
				//	)
				}
			}
		);
		

		var transition = function() {
			var oCurrentImage = oSlideShow.aImages[oSlideShow.iDisplayedIdx];
			var oNextImage = null;
			if ( oSlideShow.iDisplayedIdx < oSlideShow.aImages.length - 1 ) {
				oNextImage = oSlideShow.aImages[++oSlideShow.iDisplayedIdx];
			} else {
				oNextImage = oSlideShow.aImages[0];
				oSlideShow.iDisplayedIdx = 0;
			}
			new Effect.Parallel(
				[ new Effect.Fade( oCurrentImage, { sync: true } ),
				  new Effect.Appear( oNextImage, { sync: true } ) ]
			);
			

			var textChange = function()
			{
			var thisText = new Array();
		   thisText[oSlideShow.iDisplayedIdx] = displayText[oSlideShow.iDisplayedIdx];
		   var titleDiv = document.getElementById('slideshow-text');
		   titleDiv.innerHTML = '<p class="home-text-slideshow">' + thisText[oSlideShow.iDisplayedIdx] + '</p>';
		  	};

			textChange();
		};
		
		new PeriodicalExecuter( transition, 4 );
	}
	
};

Event.observe(
	window,
	'load',
	function() {
		$A( document.getElementsByClassName( 'replace-with-zslideshow' ) ).each(
			function( oElem, iIdx ) {
				if ( oElem.tagName && oElem.tagName.match( /ul/i ) ) {
					new ZSlideShow( oElem );
				}
			}
		);
	},
	false
);



function displayImages()
{
	var img6 = document.getElementById('slideshow0');
	var img1 = document.getElementById('slideshow1');
	var img2 = document.getElementById('slideshow2');
	var img3 = document.getElementById('slideshow3');
	var img4 = document.getElementById('slideshow4');
	var img5 = document.getElementById('slideshow5');

	img1.style.display = 'block';
	img2.style.display = 'block';
	img3.style.display = 'block';
	img4.style.display = 'block';
	img5.style.display = 'block';
	img6.style.display = 'block';
}