onmouseover onmouseout..visibility of layer

[tabsquare]

hi,
I tried changing the layer visibility like below, but something seems wrong...

in the head tags
***************************
<script language="javascript">
<!--

function showit(layerid)
{
document.all.item(layerid).style.visibility = "visible";

}

function hideit(layerid)
{
document.all.item(layerid).style.visibility = "hidden";
}

-->
</script>
***************************


and then I call the function with a link
****************************
<a href="somepage.htm" onMouseOver="showit(first)" onMouseOut="hideit(first)">show</a>
****************************

and this is the layer
****************************
<div id="first" STYLE="visibility: hidden" >sfsfsafg</div>
****************************

can someone please help me out telling me what's wrong with the above code or telling me how to show and hide layers with onmouseover and onmouseout?

Thanks

[tabsquare]

ok doesn't matter. I figured it out...
thanks for reading