//the next 3 lines are browser detection for user-agent DOMS 

ns4 = (document.layers) ? true:false //required for Functions to work 
ie4 = (document.all) ? true:false //required for Functions to work 
ng12 = (document.getElementById) ? true:false //required for Functions to work 

function hideSec() { 

if (ng12) document.getElementById('sec1').style.visibility = "hidden" 
else if (ns4) document.sec1.visibility = "hide" 
else if (ie4) sec1.style.visibility ="hidden" 

if (ng12) document.getElementById('sec2').style.visibility = "hidden" 
else if (ns4) document.sec2.visibility = "hide" 
else if (ie4) sec2.style.visibility ="hidden" 

if (ng12) document.getElementById('sec3').style.visibility = "hidden" 
else if (ns4) document.sec3.visibility = "hide" 
else if (ie4) sec3.style.visibility ="hidden" 

if (ng12) document.getElementById('sec4').style.visibility = "hidden" 
else if (ns4) document.sec4.visibility = "hide" 
else if (ie4) sec4.style.visibility ="hidden" 

if (ng12) document.getElementById('sec5').style.visibility = "hidden" 
else if (ns4) document.sec5.visibility = "hide" 
else if (ie4) sec5.style.visibility ="hidden" 

if (ng12) document.getElementById('sec6').style.visibility = "hidden" 
else if (ns4) document.sec6.visibility = "hide" 
else if (ie4) sec6.style.visibility ="hidden"

if (ng12) document.getElementById('sec7').style.visibility = "hidden" 
else if (ns4) document.sec7.visibility = "hide" 
else if (ie4) sec7.style.visibility ="hidden"

if (ng12) document.getElementById('sec8').style.visibility = "hidden" 
else if (ns4) document.sec8.visibility = "hide" 
else if (ie4) sec8.style.visibility ="hidden"
}  

function showSec(n) { 
hideSec(); 
if (ng12) document.getElementById('sec' + n).style.visibility = "visible"; 
else if (ns4) document.layers["sec" + n].visibility = "show"; 
else if (ie4) document.all["sec" + n].style.visibility = "visible"; 
}