//show OR hide funtion depends on if element is shown or hidden
function shoh(id) { 
	
	if (document.getElementById) { // DOM3 = IE5, NS6
		if (document.getElementById(id).style.display == "none"){
			document.getElementById('a1').style.display = 'none';
			document.getElementById('a2').style.display = 'none';
			document.getElementById('a3').style.display = 'none';
			document.getElementById('a4').style.display = 'none';
			document.getElementById('a5').style.display = 'none';
			document.getElementById('a6').style.display = 'none';
			document.getElementById('a7').style.display = 'none';
			document.getElementById('a8').style.display = 'none';
			document.getElementById('a9').style.display = 'none';
			document.getElementById('a10').style.display = 'none';
			document.getElementById('a11').style.display = 'none';
			document.getElementById('a12').style.display = 'none';
			document.getElementById('a13').style.display = 'none';
			document.getElementById('a14').style.display = 'none';
			document.getElementById('a15').style.display = 'none';
			document.getElementById('a16').style.display = 'none';
			document.getElementById('a17').style.display = 'none';
			document.getElementById('a18').style.display = 'none';
			document.getElementById('a19').style.display = 'none';
			document.getElementById('a20').style.display = 'none';
			document.getElementById('a21').style.display = 'none';
			document.getElementById('a22').style.display = 'none';
			document.getElementById('a23').style.display = 'none';
			document.getElementById('a24').style.display = 'none';
			document.getElementById('a25').style.display = 'none';
			document.getElementById('a26').style.display = 'none';
			document.getElementById('a27').style.display = 'none';
			document.getElementById('a28').style.display = 'none';
			document.getElementById('a29').style.display = 'none';
			document.getElementById('a30').style.display = 'none';
			document.getElementById('a31').style.display = 'none';

			document.getElementById(id).style.display = 'block';			
		}	
	} else { 
		if (document.layers) {	
			if (document.id.display == "none"){
				document.a1.display = 'none';
				document.a2.display = 'none';
				document.a3.display = 'none';
				document.a4.display = 'none';
				document.a5.display = 'none';
				document.a6.display = 'none';
				document.a7.display = 'none';
				document.a8.display = 'none';
				document.a9.display = 'none';
				document.a10.display = 'none';
				document.a11.display = 'none';
				document.a12.display = 'none';
				document.a13.display = 'none';
				document.a15.display = 'none';
				document.a16.display = 'none';
				document.a17.display = 'none';
				document.a18.display = 'none';
				document.a19.display = 'none';
				document.a20.display = 'none';
				document.a21.display = 'none';
				document.a22.display = 'none';
				document.a23.display = 'none';
				document.a25.display = 'none';
				document.a26.display = 'none';
				document.a27.display = 'none';
				document.a28.display = 'none';
				document.a29.display = 'none';
				document.a30.display = 'none';
				document.a31.display = 'none';
				
				document.id.display = 'block';				
			}
		} else {
			if (document.all.id.style.visibility == "none"){
				document.all.a1.style.display = 'none';
				document.all.a2.style.display = 'none';
				document.all.a3.style.display = 'none';
				document.all.a4.style.display = 'none';
				document.all.a5.style.display = 'none';
				document.all.a6.style.display = 'none';
				document.all.a7.style.display = 'none';
				document.all.a8.style.display = 'none';
				document.all.a9.style.display = 'none';
				document.all.a10.style.display = 'none';
				document.all.a11.style.display = 'none';
				document.all.a12.style.display = 'none';
				document.all.a13.style.display = 'none';
				document.all.a14.style.display = 'none';
				document.all.a15.style.display = 'none';
				document.all.a16.style.display = 'none';
				document.all.a17.style.display = 'none';
				document.all.a18.style.display = 'none';
				document.all.a19.style.display = 'none';
				document.all.a20.style.display = 'none';
				document.all.a21.style.display = 'none';
				document.all.a22.style.display = 'none';
				document.all.a23.style.display = 'none';
				document.all.a24.style.display = 'none';
				document.all.a25.style.display = 'none';
				document.all.a26.style.display = 'none';
				document.all.a27.style.display = 'none';
				document.all.a28.style.display = 'none';
				document.all.a29.style.display = 'none';
				document.all.a30.style.display = 'none';
				document.all.a31.style.display = 'none';
				
				document.all.id.style.display = 'block';
			}
		}
	}
}

function shox(id) { 
	
	if (document.getElementById) { // DOM3 = IE5, NS6
		if (document.getElementById(id).style.display == "none"){
			document.getElementById('c1').style.display = 'none';
			document.getElementById('c2').style.display = 'none';
			document.getElementById('c3').style.display = 'none';
			document.getElementById('c4').style.display = 'none';
			document.getElementById('c5').style.display = 'none';
			document.getElementById('c6').style.display = 'none';
			
			document.getElementById(id).style.display = 'block';			
		}	
	} else { 
		if (document.layers) {	
			if (document.id.display == "none"){
				document.c1.display = 'none';
				document.c2.display = 'none';
				document.c3.display = 'none';
				document.c4.display = 'none';
				document.c5.display = 'none';
				document.c6.display = 'none';
								
				document.id.display = 'block';				
			}
		} else {
			if (document.all.id.style.visibility == "none"){
				document.all.c1.style.display = 'none';
				document.all.c2.style.display = 'none';
				document.all.c3.style.display = 'none';
				document.all.c4.style.display = 'none';
				document.all.c5.style.display = 'none';
				document.all.c6.style.display = 'none';
								
				document.all.id.style.display = 'block';
			}
		}
	}
}