redeclaring getElementById

Hi all

I’m building a css driven drop down menu hence the top function ( [URL=http://www.alistapart.com/articles/dropdowns/]suckerfish[/URL] ). This bit of script is to look after internet explorer. Now i want to be clever and have some hidden div layers for log ins and shopping carts but i.e. throws its dummy because of redeclaring the getElementById i think.

Any ideas?!

[code]
//drop down list system
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById(“nav”);
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName==”LI”) {
node.onmouseover=function() {
this.className+=” over”;
}
node.onmouseout=function() {
this.className=this.className.replace(” over”, “”);
}
}
}
}
}
window.onload=startList;

// FLOATING DIV STUFF
function hidediv() {
if (document.all&&document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(‘hideshow’).style.visibility = ‘hidden’;
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = ‘hidden’;
}
else { // IE 4
document.all.hideshow.style.visibility = ‘hidden’;
}
}
}

function showdiv() {
if (document.all&&document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(‘hideshow’).style.visibility = ‘visible’;
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = ‘visible’;
}
else { // IE 4
document.all.hideshow.style.visibility = ‘visible’;
}
}
}
[/code]

Also in #JavaScript _↴