function SetInitialImages(){
		 photo = document.getElementById('imageField');
		 photo.style.backgroundImage = "url(" + PhotoGroup[0] + ")";
}



function HiddenPreload(){
		ImageCount = PhotoGroup.length;
		 for(ImageNumber=0; ImageNumber<ImageCount; ImageNumber++){
			 document.write("<img src='" + PhotoGroup[ImageNumber] + "' />");
		 }
}




function DisplayThumbStrip(){
		ImageCount = ThumbGroup.length;
		 for(ImageNumber=0; ImageNumber<ImageCount; ImageNumber++){
			 document.write("<a href=\"javascript:DisplayFullPhoto('" + PhotoGroup[ImageNumber] + "','" + ImageNumber + "');\"><img src='" + ThumbGroup[ImageNumber] + "' alt='" + ThumbGroup[ImageNumber] + "' /></a>");
		 }
}


var imageCounter = 0;

function DisplayFullPhoto(photo,number){
		photoFrame = document.getElementById("imageField");
		photoFrame.style.backgroundImage = "url(" + photo + ")";
		imageCounter = number;
	
}


function IncreaseImageNumber(){
				 currentPhoto = document.getElementById("imageField");
				 if(imageCounter < PhotoGroup.length-1){			 
			 	 		currentPhoto.style.backgroundImage = "url(" + PhotoGroup[imageCounter+1] + ")";
				 }
				 if(imageCounter < PhotoGroup.length-1){imageCounter++;}
				 		
}


function DecreaseImageNumber(){
				 currentPhoto = document.getElementById("imageField");
				 if(imageCounter > 0){			 
			 	 		currentPhoto.style.backgroundImage = "url(" + PhotoGroup[imageCounter-1] + ")";
				 }
				 if(imageCounter > 0){imageCounter--;}
}