/*						multiElementShowHide.js
*							adapted by rdharrold
*
*		This script is used to swap content into the selected identified element
*		The first statment checks to see if JavaScript is enabled in the browser
*		and sets the display to none to hide elements associated with the class
*		or id. The reason for these lines is to eliminate the Flash Effect when 
*		the page first loads without hiding the content if javascript is 
*		disabled.
*
*		The function showHide(shID) retrives the element ID from the xhtml code
*		and togles the display properties allowing the content to be swaped.  
*		This code was modified to allow multiple elements to be swaped.  shIDA is
*		the base content to show and the function toggles this content display 
*		property with every call of the function.
*
*		In this case it is used for the quality assurance htm page where the 
*		sideNav onmouseover and onmouseout call the function to display the 
*		content of the related navigation link in the content wrapper division thus
*		swapping out an image and text.
*
*		related files:	more.css			 sets the swapping elements
*										js_hide.css		 sets the initial javascript: display: none;
*
*/
if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
	document.write('<link rel="stylesheet" type="text/css" href="../styles/js_hide.css" />');
}

function showHide(shID) {
	shIDA='baseInfo';
	if (document.getElementById(shID)) {
		if (document.getElementById(shIDA+'-show').style.display != 'none') {
			document.getElementById(shIDA+'-show').style.display = 'none';
			document.getElementById(shID).style.display = 'block';
		}
		else {
			document.getElementById(shIDA+'-show').style.display = 'inline';
			document.getElementById(shID).style.display = 'none';
		}
	}
}