/* Toggles the student photos */

function togglePhotos()
{		
	//Holds all the student photos
	var studentPhotos = $("students").getElementsByTagName("dt");
	
	//Toggle photo button
	var toggleButton = $("photoToggle").getElementsByTagName("input")[0];
	
	//Type of display to set none OR block
	var display = "none"

	if (toggleButton.value == "Show Photos")
	{
		toggleButton.value = "Hide Photos";
		display = "block";
	}
	else
	{
		toggleButton.value = "Show Photos";
	}
	
	for (i=0; i<studentPhotos.length; i++)
	{
		studentPhotos[i].style.display = display;				
	}			
}

function initPhotoDisplay()
{
	//The button which fires the togglePhoto event
	var photoToggle = $("photoToggle").getElementsByTagName("input")[0];
	
	photoToggle.onclick = function()
	{
		togglePhotos();
		return false;
	}
}