var thisPic=1
var timerID=null

//Here add the photos you have.

var slideShow= new Array(11)
slideShow[1]= new Image(300,200)
slideShow[1].src= "wosp1.jpg"
slideShow[2]= new Image(300,200)
slideShow[2].src= "wosp2.jpg"
slideShow[3]= new Image(300,200)
slideShow[3].src= "wosp3.jpg"
slideShow[4]= new Image(300,200)
slideShow[4].src= "wosp4.jpg"
slideShow[5]= new Image(300,200)
slideShow[5].src= "wosp5.jpg"
slideShow[6]= new Image(300,200)
slideShow[6].src= "wosp6.jpg"
slideShow[7]= new Image(300,200)
slideShow[7].src= "wosp7.jpg"
slideShow[8]= new Image(300,200)
slideShow[8].src= "wosp8.jpg"
slideShow[9]= new Image(300,200)
slideShow[9].src= "wosp9.jpg"
slideShow[10]= new Image(300,200)
slideShow[10].src= "wosp10.jpg"
slideShow[11]= new Image(300,200)
slideShow[11].src= "wosp11.jpg"
function processPrevious(){
	clearTimeout(timerID)
	if(thisPic==1){
		alert("This is frame one.")
	}else{
		if(document.images && thisPic > 0){	
			thisPic--		 
			document.slide.src=slideShow[thisPic].src			
		}	
	}
}


/* 		Below are the functions that make this work. Where you see 11, replace
		replace it with the number of photos you have.
*/


function processNext(){	
	clearTimeout(timerID)
	thisPic++
		if(document.images && thisPic <= 11){
			document.slide.src=slideShow[thisPic].src
			}
		if(thisPic > 11){
			thisPic=1
			document.slide.src=slideShow[thisPic].src
			}
	}	
function autoScroll() {
	if(document.images){
	thisPic++
	document.slide.src=slideShow[thisPic].src	
		}
	if(thisPic==11){
		thisPic=1
		document.slide.src=slideShow[thisPic].src	
	}
// This is the timer. 4000 here represents the miliseconds. Adjust it as you please.

timerID=setTimeout("autoScroll()",4000)
}