/*********************************************************************************
*Purpose:  used to create a manual picture slider.  
*Notes:			html should include a <img id="theImage"> and <div id="desc"> tags.  These tags represent the
*							image and description that will be changed by the buttons.  The HTML should also include two
*							buttons: <input type="button" id="previous" onclick="Backer();" value="Previous"> and
*							<img type="button" id="next" onclick="Nexter();" value="  Next  ">
*
*********************************************************************************/

/* -- This snippet should go in header (above the include for this file.
				There is no limit on the number of images.  Corresponding Descriptions should be entered as they will
				be displayed in the "desc" div as well as in the alt tags of the image
--------snip-----------------

<script language="javascript">
<!--
	MyImages=new Array();			//images to be used in the slide show
	MyImages[0]="images/graybarn/street.gif"
	MyImages[1]="images/graybarn/dinning.gif"
	
	MyTitles=new Array();				//desctiption/alternate text for images
	MyTitles[0]='Street View';
	MyTitles[1]='Dinning Area';

	imagesPreloaded = new Array();

	for (var i = 0; i < MyImages.length; i++)
	{
		imagesPreloaded[i] = new Image(350,250);
		imagesPreloaded[i].src=MyImages[i];
		imagesPreloaded[i].alt=MyTitles[i];
		imagesPreloaded[i].title=MyTitles[i];
	}
		
currentIndx = 0;			//prime index variable
-->
</script>

---------------end snip------------------
*/


function Nexter()
{
	if (currentIndx<imagesPreloaded.length-1)
	{
		currentIndx=currentIndx+1;
		document.getElementById("theImage").src=imagesPreloaded[currentIndx].src;
		document.getElementById("theImage").alt=imagesPreloaded[currentIndx].alt;
		document.getElementById("theImage").title=imagesPreloaded[currentIndx].title;	
		document.getElementById("desc").innerHTML = imagesPreloaded[currentIndx].title;	
	}
	else 
	{
		currentIndx=0;
		document.getElementById("theImage").src=imagesPreloaded[currentIndx].src;
		document.getElementById("theImage").alt=imagesPreloaded[currentIndx].alt;
		document.getElementById("theImage").title=imagesPreloaded[currentIndx].title;
		document.getElementById("desc").innerHTML = imagesPreloaded[currentIndx].title;	
	}

}

function Backer()
{
	if (currentIndx>0)
	{
		currentIndx=currentIndx-1;
		document.getElementById("theImage").src=imagesPreloaded[currentIndx].src;
		document.getElementById("theImage").alt=imagesPreloaded[currentIndx].alt;
		document.getElementById("theImage").title=imagesPreloaded[currentIndx].title;	
		document.getElementById("desc").innerHTML = imagesPreloaded[currentIndx].title;	
	}
	else 
	{
		currentIndx=imagesPreloaded.length-1
		document.getElementById("theImage").src=imagesPreloaded[currentIndx].src;
		document.getElementById("theImage").alt=imagesPreloaded[currentIndx].alt;
		document.getElementById("theImage").title=imagesPreloaded[currentIndx].title;	
		document.getElementById("desc").innerHTML = imagesPreloaded[currentIndx].title;	
	}
}