setdelay på div

Hej E.

Jeg har følgende kode:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
<!--
.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
        position:absolute; top:100px; left:100px; width:480px; height:280px;
        z-index:99;  visibility:hidden;}

-->

</style>

<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
   

        document.all.testdiv.style.visibility = iState ? "visible" : "hidden";
}
// -->
</script>
</head>

<body>

<div ID="testdiv" class="demo">
  Put text, tables or any other HTML contents here, as you would put in
  any other HTML page.
  .....
  ..... and more.
</div>

<a href="#" onMouseover="toggleBox('testdiv',1);", onmouseout="toggleBox('testdiv',0)");>test</a>

</body>
</html>

Er her en som ved hvordan man sætter et "setdelay='1000'" op mouseout?