//actual image variable as array
  	  var images;
		  images = new Array();
			var xx = 0;
						
			function preLoadSlideImages()
			{
			  //create variable for image address's
				var preLoads;
				//make the variable an array
				preLoads = new Array();
					 
				//place the address's into the array
				preLoads[0] = "images/slideshow/zoom/slide01.jpg";
				preLoads[1] = "images/slideshow/zoom/slide02.jpg";
				preLoads[2] = "images/slideshow/zoom/slide03.jpg";
				preLoads[3] = "images/slideshow/zoom/slide04.jpg";
				preLoads[4] = "images/slideshow/zoom/slide05.jpg";
				preLoads[5] = "images/slideshow/zoom/slide06.jpg";
				preLoads[6] = "images/slideshow/zoom/slide07.jpg";
				

				//counter variable
				var counter = 0;
				
        //make the paths into real images i.e the preload takes place
				for(counter = 0 ; counter < 7 ; counter++)
			  {
				  images[counter] = new Image();
					images[counter].src = preLoads[counter];
				}
								 
				startTheShow();
			}
						 
			function startTheShow()
			{
			  document.getElementById('ss').src = images[xx].src;
				xx++;
				if(xx == 7)
				{
				  xx = 0;
				}
				setTimeout("startTheShow()",4000);
			}