/*	
	@Author: Chris
	ShowHide Div shows and Hides a selected Div 
	In our case we have 2 Divs one to Hide and One to Show and Revers
	the 2 Divs are linked to each other with the divID (id) with hide or show string in front.

*/	
	function hidediv(divID) 
	{
		var showHide = 'hide'+divID;
		var hideShow = 'show'+divID;
		doTheMagic(showHide,hideShow);
	}
	
	function showdiv(divID) 
	{
		var hideShow = 'hide'+divID;
		var  showHide = 'show'+divID;
		doTheMagic(showHide,hideShow);
	}
	
	function doTheMagic(showHide,hideShow)
	{
		if (document.getElementById) 
			{ // DOM3 = IE5, NS6
				document.getElementById(showHide).style.visibility = 'visible';
				document.getElementById(showHide).style.height = 'Auto';
				document.getElementById(showHide).style.display = 'block';
				document.getElementById(hideShow).style.visibility = 'hidden';
				document.getElementById(hideShow).style.height = 0;
				document.getElementById(hideShow).style.display = 'none';
			}
			else 
			{
				if (document.layers) 
				{ // Netscape 4
					document.showHide.visibility = 'visible';
					document.showHide.height = 'Auto';
					document.hideShow.visibility = 'hidden';
					document.hideShow.height = 0;
				}
				else 
				{ // IE 4
					document.all.showHide.style.visibility = 'visible';
					document.all.showHide.style.height = 'Auto';
					document.all.hideShow.style.visibility = 'hidden';
					document.all.hideShow.style.height = 0;
				}
			}
	}