[js]Rozwijane menu Opcje

[Glarden]

Hej ho!
Mam taki oto kod:

[HTML] pobierz, plaintext 
<script>
ID=setTimeout("ukryj()", 1000);
function ukryj() {
	div = document.getElementById("lista");
	div.style.visibility = "hidden";
}
 
function pokaz() {
	div = document.getElementById("lista");
	div.style.visibility = "visible";
}
</script>
<a href="#" onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();">Hejmejowie</a> 
<div onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();" id="lista">
<li><a href="#">Tatucho</a></li>
<li><a href="#">Mamucha</a></li>
<li><a href="#">Martucha</a></li>
<li><a href="#">Tomek</a></li>
<li><a href="#">Olucha</a></li>
</div>
[HTML] pobierz, plaintext 

Chodzi tu o to, żeby po najechaniu na odnośnik rozwijała się lista innych odnośników. Wszystko działa jak należy, ale chciałbym zrobić coś takiego, że po zjechaniu z odnośnika lista odnośników znika dopiero po sekundzie, a nie od razu.
Powinno być coś z setTimeOut, tak? Próbowałem, ale nie udawało się...

[b_chmura]

a gdzie setTimeout()?

Kod

onMouseOut="javascript: setTimeout('ukryj()', 1000);"