
function switchid(id){	
	hideallids();
	showdiv(id);
}

function hideallids(ids){
	//loop through the array and hide each element by id
	for (var i=0;i<ids;i++){
		hidediv('id'+i);
	}		  
}

function switchallids(ids){
	//loop through the array and hide each element by id
	for (var i=1;i<=ids;i++){
		var id = 'id'+i;
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (document.getElementById(id).style.display == 'none') {
				document.getElementById(id).style.display = 'block';
			} else {
				document.getElementById(id).style.display = 'none';
			}
				
		} else {
			if (document.layers) { // Netscape 4
				if (document.id.display == 'none') { // Netscape 4
					document.id.display = 'block';
				} else {
					document.id.display = 'none';
				}
			
			} else { // IE 4
				if (document.all.id.style.display == 'none') {
					document.all.id.style.display = 'block';
				} else {
					document.all.id.style.display = 'none';
				}
			}
	
		}
	} //end for
			  
}


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

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