
//Pictures to switch inbetween

var Rollpic1 ='images/IMG_1094.jpg';
var Rollpic2 ='images/IMG_1102.jpg';
var Rollpic3 ='images/IMG_1125.jpg';
var Rollpic4 ='images/IMG_1140.jpg';
var Rollpic5 ='images/IMG_1108.jpg';
var Rollpic6 ='images/IMG_1110.jpg'

//Start at the what pic:
var PicNumber=1;
//Number of pics:
var NumberOfPictures=6;
//Time between pics switching in secs
var HowLongBetweenPic=1;

//SwitchPic Function
function SwitchPic(counter){

	if(counter < HowLongBetweenPic){
	
		counter++;
		
		//DEBUG in the status bar at the bottom of the screen
//		<!-- window.status="Switch picture at 5 : "+counter+" PicNumber: "+PicNumber+" "; -->
		
 		//Display pic in what <IMG> tag roll is what I called the image
		document.roll.src = eval("Rollpic" + PicNumber);
		
		//function calls itself
		CallSwitchPic=window.setTimeout("SwitchPic("+counter+")","2000"); 
		
		}
		
		else{
			//if its not the last picture goto the next picture
			if(PicNumber < NumberOfPictures){
				PicNumber++;
				SwitchPic(0);
			}
			//its the last picture go to the first one
			else{
				PicNumber="1";
				SwitchPic("0");
				}
		}
}
