// This code block is intended for use with CSS styles to show/hide
// information on a web page. The block to be manipulated must be in
// a <DIV> <SPAN> <TR> or other block that can have an ID attached to it.
// The ID name is passed to one of the functions below.
//
// HTML Exmaple of using these functions...
//
// <script language='javascript' src='/ex/shared/js/showhide.js'></script>
// <img id='tst' style='display:' src='/pics/test.jpg'><br>
// <a href='#' onclick='showhide("tst"); return(false);'>Show Hide Image</a>
//
// Of course you can get fancy and show/hide multiple items in one ONCLICK call

function hide(id) 
{ 
	try
	{
		if (document.getElementById) 
		{ // DOM3 = IE5, NS6 
			document.getElementById(id).style.display = 'none'; 
		} 
	}
	catch(er)
	{
		// do nothing
	}
} 

function show(id) 
{ 
	try
	{
		if (document.getElementById) 
		{ // DOM3 = IE5, NS6 
			document.getElementById(id).style.display = ''; 
		} 
	}
	catch(er)
	{
		// do nothing
	}
} 

function showhide(id)
{
	try
	{
		if (document.getElementById) 
		{ // DOM3 = IE5, NS6 
			if(document.getElementById(id).style.display == '')
			{
				document.getElementById(id).style.display = 'none'; 
			}
			else
			{
				document.getElementById(id).style.display = ''; 
			}
		} 
	}
	catch(er)
	{
		// do nothing
	}
}