function showDiv(id) {
	//safe function to show an element with a specified id
	//alert(">>>"+id);		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
   		document.getElementById(id).style.visibility = 'visible';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
			document.id.visibility = 'visible';									
		}
		else { // IE 4
			document.all.id.style.display = 'block';
			document.all.id.style.visibility = 'visible';			
		}
	}
}

function hideDiv(id) {
	//safe function to hide an element with a specified id
	//alert(">>>"+id);		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
		document.getElementById(id).style.visibility = 'hidden';		
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
			document.id.visibility = 'hidden';									
		}
		else { // IE 4
			document.all.id.style.display = 'none';
			document.all.id.style.visibility = 'hidden';			
		}
	}
}


function hideAllDivs(divStartString, totalDivs) 
{
	var thisDiv = "";
	//alert(">>>"+totalDivs);
	for (i = 0 ; i < totalDivs ; i++)
	{
		//alert(">>>"+i);
		thisDiv = divStartString + i;
		hideDiv(thisDiv);
	}
}

function toggleShowHideDiv(id) 
{
	var divShowState = "";
	//alert(">>>"+id);		  	
	if (document.getElementById) { // DOM3 = IE5, NS6
		divShowState = document.getElementById(id).style.display;
	}
	else {
		if (document.layers) { // Netscape 4
			divShowState = document.id.display;
		}
		else { // IE 4
			divShowState = document.all.id.style.display;
		}
	}

	if(divShowState == "block") 
	{
		hideDiv(id);
  	}
	else 
	{
		showDiv(id);
  	}	
}