Causing a layer to hide itself

[kylebellamy]

I am having trouble figuring this out on my own so I thought I'd go to the pros to get an answer.

Here is the code:
<script language="JavaScript1.2">

function toggleVisibility(id, NNtype, IEtype, WC3type) {
if (document.getElementById) {
eval("document.getElementById(id).style.visibility = \"" + WC3type + "\"");
} else {
if (document.layers) {
document.layers[id].visibility = NNtype;
} else {
if (document.all) {
eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
}
}
}
}
</script>

And for the links:
<a href="#" onMouseOver="toggleVisibility('Message','show','visible','visible')">

<a href="#" onMouseOver="toggleVisibility('LayerName','hidden','hidden','hidden')">

Obviously I closed them in the document. The thing I want to change which is causing the problem is that the hide link does not make the layer hide.

I've placed the word CLOSE at the top of the hidden div as a test and used that as the trigger to hide the layer.

Any ideas how to get this to work? I don't mind making it a clickable link to close it but it has to be on the div as it covers most of the screen on show.

Thanks

http://www.kb-design-studios.com