JavaScript для Firefox

Здравствуйте!
Ниже приведен отрезок JavaScript кода, который работает в Опере и IE, но не работает
в Firefox'e. Я не понимаю, как нужно еще извернуться, чтобы этот код работал
и в Mozille Firefox??? ))
<script language="JavaScript">
layerRef = ""
styleRef = ""
oldLayer = ""
if (navigator.appName == "Netscape")
{
layerRef = ".layers"
styleRef = ""
}
else //IE etc..
{
layerRef = ".all"
styleRef = ".style"
}
function showLayer(layerName)
{
if (oldLayer)
{
eval("document" + layerRef + "[oldLayer]" + styleRef + ".visibility = 'hidden'")
}
eval("document" + layerRef + "[layerName]" + styleRef + ".visibility = 'visible'")
oldLayer = layerName
}
function hideLayer(layerName)
{
document.layers[layerName].visibility = 'hidden'
}
</script>
Поясню, этот код нужен для скрытия и открытия слоев для меню и навигации.
Зачем такие сложности?!...
так гораздо понятнее:
function showHideLayer(layerID) {
if ($(layerID).style.visibility=='hidden') {
$(layerID).style.visibility='visible';
} else {
$(layerID).style.visibility='hidden';
}
}
function $(id) {
return dicument.getElementById(id);
}