//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.visibility = "hidden"
else if (ns4) document.sec1.visibility = "hide"
else if (ie4) sec1.style.visibility ="hidden"

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

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

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

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

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

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

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

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

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

function showSec(n) {
hideSec();
if (ng5) 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";
}

function showAllSec(n) {
if (ng5) 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";
}



<!--
var images = [ // list images
["images/home/monkey.jpg","images/home/monkeyO.jpg","images/home/monkeyA.jpg"], // link 1
["images/home/commit.jpg","images/home/commitO.jpg","images/home/commitA.jpg"], // link 2
["images/home/users.jpg","images/home/usersO.jpg","images/home/usersA.jpg"], // link 3
["images/home/database.jpg","images/home/databaseO.jpg","images/home/databaseA.jpg"], // link 4
["images/home/enterprise.jpg","images/home/enterpriseO.jpg","images/home/enterpriseA.jpg"], // link 5
["images/home/upgrades.jpg","images/home/upgradesO.jpg","images/home/upgradesA.jpg"], // link 6
["images/home/vista.jpg","images/home/vistaO.jpg","images/home/vistaA.jpg"], // link 7
["images/home/tablet.jpg","images/home/tabletO.jpg","images/home/tabletA.jpg"], // link 8
["images/home/accounting.jpg","images/home/accountingO.jpg","images/home/accountingA.jpg"], // link 9
["images/home/support.jpg","images/home/supportO.jpg","images/home/supportA.jpg"] // no comma at the end of the last index // link 10
]

var preloadImages=new Array() // preloads images
for(var i=0;i<images.length;i++) {
preloadImages[i]=new Array()
for(var j=0;j<images[i].length;j++){
preloadImages[i][j]=new Image()
preloadImages[i][j].src=images[i]
}
}

lastN = ""
lastPic=""

function mOver(obj,num){
if(lastN != obj.name){
document.images[obj.name].src = images[num][1]
}
}

function mOut(obj,num){
if(lastN != obj.name){
document.images[obj.name].src = images[num][0]
}
}

function mActive(obj,num){
document.images[obj.name].src = images[num][2]
if (lastN != "" && lastN != obj.name){
document.images[lastN].src = lastPic
}
lastN = obj.name
lastPic=images[num][0]
}

function startLink(el){
num=el.replace(/[^0-9]/g,"")
document.images[el].src = images[num][2]
lastN=el
lastPic=images[num][0]
}