function changeMediaDisplay(media,whichDiv){
	media = media;
	var divString = whichDiv;
	
	//modified 18 December 2007 by Ted Koterwas: changed while loop to for loop
	for (var i=0;i < mediaTypes.length; i++){
	//	document.getElementById(mediaTypes[i] + divString).style.display = "none";
	//	document.getElementById(mediaTypes[i] + divString).style.position= "absolute";
		document.getElementById(mediaTypes[i] + divString).style.left = "0px";
		document.getElementById(mediaTypes[i] + divString).style.zIndex = 40+i;
		
	}


	if(media == "still"){
		hideFlash('swf' + divString);
	}else{
		document.getElementById(media + divString).style.display = "block";	
	}
/*
	modified 20 December 2007 by Ted Koterwas commented out the following code 
	because it was causing the script to fail if the elements weren't found:

	document.getElementById("still1").style.display = "block";	
	document.getElementById("still2").style.display = "block";
	document.getElementById("swf1").style.display = "block";	
	document.getElementById("swf2").style.display = "block";
*/

//	document.getElementById(media + divString).style.position = "relative";
	document.getElementById(media + divString).style.left = "0px";
	document.getElementById(media + divString).style.zIndex = "120";

}


function showHideButton(media,viz){
	media = media;
	viz = viz;
	if(viz == 'show'){
		document.getElementById(media + '_hide').style.display = "none";
		document.getElementById(media + '_hide').style.zIndex = "170";
		document.getElementById(media + '_show').style.display = "block";
		document.getElementById(media + '_show').style.zIndex = "180";
	}
	else if(viz == 'hide'){
		document.getElementById(media + '_show').style.display = "none";
		document.getElementById(media + '_show').style.zIndex = "170";
		document.getElementById(media + '_hide').style.display = "block";
		document.getElementById(media + '_hide').style.zIndex = "180";

	}
}

/*
	modified 17 January 2008 by Ted Koterwas removed the title parameter from the object to prevent it popping up when the cursor is over the swf
*/


function showFlash(filename, target){
target=target;
document.getElementById(target).innerHTML = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='320' height='260' accesskey='f' tabindex='1'>  <param name='movie' value='"+ filename + "' />				    <param name='quality' value='high' /> <param name='bgcolor' value='#554E49' />  <embed src='"+ filename + "' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='320' height='260 bgcolor=\"#554E49\"'></embed> </object>";

}

function hideFlash(target){
target=target;
document.getElementById(target).innerHTML = "";

}

/*
	modified 08 January 2008 by Ted Koterwas added height and bgcolor arguments to allow for variation (zebrafish swfs are different heights)
	also removed the title parameter from the object to prevent it popping up when the cursor is over the swf
*/

function showFlashWide(filename, target, height, bgcolor){
target=target;
document.getElementById(target).innerHTML = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='600' height='"+height+"' accesskey='f' tabindex='1'>  <param name='movie' value='"+ filename + "' /><param name='quality' value='high' /> <param name='bgcolor' value='"+bgcolor+"' />  <embed src='"+ filename + "' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='600' height='"+height+" bgcolor=\""+bgcolor+"\"'></embed> </object>";
}