setTimeout function isn't called?
<p>To put a delay on a menu onmouseover effect, setTimeout is one of the options.  But when I try it, the function isn't called.</p>

<p>HTML:</p>

<pre><code>  &lt;li&gt;&lt;a href="#"  
         onmouseover="mopendelay('menu_proj')" 
  &lt;li&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>// open hidden layer
function mopen(id)
{   
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}

// delay menu open on mouseover
function mopendelay(id) 
{
    var delay = setTimeout(function(){
      alert('delay'); // isn't called
      mopen(id);
    }, 200);
    clearTimeout(delay);
}
</code></pre>
