/* 	mini-gallery.js - Dynamically displays images on introduction pages 5 at a time.
-------------------------------------------------------------------------------------- */
// global variable defining which image we are on.
var max = 20;
var currId = 1;
var asImagePath = new Array();


function hideAll(){
	//hide all the large images
	for (i = 1; i < max+1; i++){
		var divId = 'big' + i;
		if(document.getElementById(divId) != null){
			document.getElementById(divId).style.display = 'none';
		}
	} // end loop
}

function switchImage(thisId) {
	hideAll();
	imgId = 'big' + thisId;
	//show the clicked on image
	document.getElementById(imgId).style.display = 'block';
	//set current id
	currId = thisId;
	
}