// JavaScript Document
function IEHoverPseudo() {

var navItems = document.getElementById("top-nav").getElementsByTagName("li");

 for (var i=0; i<navItems.length; i++) {
 if(navItems[i].className == "menuparent") {
 navItems[i].onmouseover=function() { this.className += " over"; }
 navItems[i].onmouseout=function() { this.className = "menuparent"; }
 }
 }

}

window.onload = IEHoverPseudo;

//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 noneSec() {
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 = "none"
else if (ie4) sec3.style.display ="none"

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.display ="none"

}

function showSec(n) {
noneSec();
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";

}