var numImgs = 3;

function toggleThumbRoll(id, elem, on) {
	changeOpacity(id, on);
	
	if (on) displayImg(elem);
	else hideImg(elem);
}

function changeOpacity(id, on) {
	if (on)	document.getElementById(id).className='thumbOver';	
	else document.getElementById(id).className='thumbStatic';	
}

/*
 * Displays the corresponding image
 */
function displayImg(elem) {
	var cnt = 0;
	var galleryImg, imgToDisplay;
	for (cnt; cnt < numImgs; cnt++) {
		galleryImg = 'galleryImg'+cnt;
		document.getElementById(galleryImg).style.display='';	
	}
	imgToDisplay = 'galleryImg'+elem;
	
	if (document.getElementById(imgToDisplay)) {
		document.getElementById(imgToDisplay).style.display='block';
	} else {
		//alert('oh noes! cant find '+imgToDisplay);	
	}
}


/*
 * Hides the corresponding image
 */
function hideImg(elem) {
	var imgToHide = 'galleryImg'+elem;
	
	if (document.getElementById(imgToHide)) {
		document.getElementById(imgToHide).style.display='';
	} else {
		//alert('oh noes! cant find '+imgToHide);	
	}
}