imageArray = new Array(); 
		
		var image01 = new Image();
		image01.src = 'images/homepage/01.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/02.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/03.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/04.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/05.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/06.jpg';
		imageArray[imageArray.length] = image01;

		var image01 = new Image();
		image01.src = 'images/homepage/1.jpg';
		imageArray[imageArray.length] = image01;

		var image02 = new Image();
		image02.src = 'images/homepage/2.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/3.jpg';
		imageArray[imageArray.length] = image02;
		
	<!-- 10	var image02 = new Image(); image02.src = 'images/homepage/4.jpg'; imageArray[imageArray.length] = image02; -->
		
	<!-- 11 var image02 = new Image(); image02.src = 'images/homepage/5.jpg'; imageArray[imageArray.length] = image02; -->
		
		var image02 = new Image();
		image02.src = 'images/homepage/6.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/7.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/8.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/11.jpg';
		imageArray[imageArray.length] = image02;
		
		<!-- 16 var image02 = new Image(); image02.src = 'images/homepage/12.jpg'; imageArray[imageArray.length] = image02; -->
		
		/*var image02 = new Image();
		image02.src = 'images/homepage/13.jpg';
		imageArray[imageArray.length] = image02;
		*/
		var image02 = new Image();
		image02.src = 'images/homepage/15.jpg';
		imageArray[imageArray.length] = image02;

		<!-- 20 var image02 = new Image(); image02.src = 'images/homepage/16.jpg'; imageArray[imageArray.length] = image02; -->
		var image02 = new Image();
		image02.src = 'images/homepage/14.jpg';
		imageArray[imageArray.length] = image02;

		var image02 = new Image();
		image02.src = 'images/homepage/17.jpg';
		imageArray[imageArray.length] = image02;

		var image02 = new Image();
		image02.src = 'images/homepage/18.jpg';
		imageArray[imageArray.length] = image02;

		<!-- 23 var image02 = new Image(); image02.src = 'images/homepage/19.jpg'; imageArray[imageArray.length] = image02; -->

		var image02 = new Image();
		image02.src = 'images/homepage/20.jpg';
		imageArray[imageArray.length] = image02;

		var image02 = new Image();
		image02.src = 'images/homepage/21.jpg';
		imageArray[imageArray.length] = image02;
		
		<!-- 26 var image02 = new Image(); image02.src = 'images/homepage/22.jpg'; imageArray[imageArray.length] = image02; -->
		
		var image02 = new Image();
		image02.src = 'images/homepage/23.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel1.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel2.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel3.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel4.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel5.jpg';
		imageArray[imageArray.length] = image02;
		
		var image02 = new Image();
		image02.src = 'images/homepage/adel6.jpg';
		imageArray[imageArray.length] = image02;
		
		// imageIndex is going to be the index of the next image to display.  
		// images 0 and 1 are already loaded into the html
		var imageIndex = 1;

		function switchImage() {
			// place the next image to be displayed to the front
			$('imageFront').src = imageArray[imageIndex].src;

			// make the image in front appear, when it is done swap it with the image in the back
			new Effect.Appear('imageFront', {
				afterFinish: function() { 
					// make the image in the back the same src as the image in the front
					$('imageBehind').src = $('imageFront').src;
					
					//hide the image in the front
					$('imageFront').style.display = 'none';
					
					// increment the index
					imageIndex++;
					// if we have indexed past the end of the array, go back to zero
					if (imageIndex == imageArray.length) { 
						imageIndex = 0;
					}
				}
			});
		}