function preview(elemid)
  { cp = document.getElementById('CP');
    for(var i=0; i<cp.childNodes.length; i++) cp.childNodes[i].style.display = 'none';
    document.getElementById(elemid).style.display = 'block';
    return;
  }
  
//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
ng5 = (document.getElementById) ? true:false //required for Functions to work

function hideSec() {
if (ng5) document.getElementById('sec1').style.display = "none"
else if (ns4) document.sec1.display = "none"
else if (ie4) sec1.style.display ="none"

if (ng5) document.getElementById('sec2').style.display = "none"
else if (ns4) document.sec2.display = "none"
else if (ie4) sec2.style.display ="none"

if (ng5) document.getElementById('sec3').style.display = "none"
else if (ns4) document.sec3.display = "hide"
else if (ie4) sec3.style.display ="hidden"

if (ng5) document.getElementById('sec4').style.display = "none"
else if (ns4) document.sec4.display = "none"
else if (ie4) sec4.style.display ="none"

if (ng5) document.getElementById('sec5').style.display = "none"
else if (ns4) document.sec5.display = "none"
else if (ie4) sec5.style.visibility ="none"

if (ng5) document.getElementById('sec6').style.display = "none"
else if (ns4) document.sec6.display = "none"
else if (ie4) sec6.style.visibility ="none"

if (ng5) document.getElementById('sec7').style.display = "none"
else if (ns4) document.sec7.display = "none"
else if (ie4) sec7.style.display ="none"

if (ng5) document.getElementById('sec8').style.display = "none"
else if (ns4) document.sec8.display = "none"
else if (ie4) sec8.style.display ="none"

if (ng5) document.getElementById('sec9').style.display = "none"
else if (ns4) document.sec9.display = "none"
else if (ie4) sec9.style.display ="none"

if (ng5) document.getElementById('sec10').style.display = "none"
else if (ns4) document.sec10.display = "none"
else if (ie4) sec10.style.display ="none"

if (ng5) document.getElementById('sec11').style.display = "none"
else if (ns4) document.sec11.display = "none"
else if (ie4) sec11.style.display ="none"

if (ng5) document.getElementById('sec12').style.display = "none"
else if (ns4) document.sec12.display = "none"
else if (ie4) sec12.style.display ="none"

if (ng5) document.getElementById('sec13').style.display = "none"
else if (ns4) document.sec13.display = "none"
else if (ie4) sec13.style.display ="none"

if (ng5) document.getElementById('sec14').style.display = "none"
else if (ns4) document.sec14.display = "none"
else if (ie4) sec14.style.display ="none"
}

function showSec(n) {
hideSec();
if (ng5) document.getElementById('sec' + n).style.display = "block";
else if (ns4) document.layers["sec" + n].display = "block";
else if (ie4) document.all["sec" + n].style.display = "block";
}