
/* slideshow functions */


	// I adapted this code from:
	// http://www.javascriptkit.com/howto/show2.shtml

	// create a variable for the first image
	var image1 = new Image();

	// identify the source of the first image 
	image1.src= "images/rwc_clubhouse_01.png";

	// create a variable for the second image
	var image2 = new Image();

	// identify the source of the second image 
	image2.src= "images/rwc_clubhouse_02.png";

	// create a variable for the third image
	var image3 = new Image();

	// identify the source of the third image 
	image3.src= "images/rwc_clubhouse_03.png";

	// create a variable for the fourth image
	var image4 = new Image();

	// identify the source of the fourth image 
	image4.src= "images/rwc_clubhouse_04.png";

	// create a variable for the fifth image
	var image5 = new Image();

	// identify the source of the fifth image 
	image5.src= "images/rwc_clubhouse_05.png";

	// create a variable for the sixth image
	var image6 = new Image();

	// identify the source of the sixth image 
	image6.src= "images/rwc_clubhouse_06.png";

	// create a variable for the seventh image
	var image7 = new Image();

	// identify the source of the seventh image 
	image7.src= "images/rwc_clubhouse_07.png";

	// variable that will increment through the images
	var step = 1
	
	function slideshow()
	{
		// if browser does not support the image object . . .
		if (!document.images)
		{
			// exit the function
			return;
		}
		// otherwise, display an image
		// the left side is the DOM identifier of the image's source
		// 'eval' returns the identified string 
		document.images.slide.src = eval("image" + step + ".src");
		
		// if all images have not been displayed . . .
		if (step < 7)
		{
			// increment the counter
			step++;
		}
		// otherwise . . .
		else
		{
			// reset the counter
			step = 1;
		}
		//recursive function call every 3 seconds
		setTimeout("slideshow()", 3000);
	}





