<script>
	imgArray = new Array(4);
	imgArray[0] = new Image;
	imgArray[0].src = "pop.jpg"
	imgArray[1] = new Image;
	imgArray[1].src = "grandmom.jpg";
	imgArray[2] = new Image;
	imgArray[2].src = "ray.jpg";
	index = 0;

	function doBack()
	{
		if (index > 0)
		{
			index--;
			document.slideshow.src = imgArray[index].src;
		}
		return;
	}
	function doNext()
	{
		if (index < 2)
		{
			index++;
			document.slideshow.src = imgArray[index].src;
		}
		return;
	}
</script>

<img src = "mit.jpg" name="slideshow">

<br>
<a href=javascript:doBack()>Back</a>
&nbsp &nbsp &nbsp
<a href=javascript:doNext()>Next</a>