Pause opening div onmouseover
<p>I am wondering how to open a hidden div with javascript but after a user has hovered over a link for one second rather than immediately.  I want to do this, as right now you sweep the mouse across the page and these divs open even though I haven't purposely hovered over them. I <strong>dont</strong> want to use jQuery</p>

<p>This is the code I have in place:</p>

<pre><code>function ShowMemberCats()
{
     // TURN OFF OTHER FRAMES //
     document.getElementById('BlogCats').style.display = 'none';
     document.getElementById('VideoCats').style.display = 'none';
     document.getElementById('AudioCats').style.display = 'none';
     document.getElementById('ImageCats').style.display = 'none';
     document.getElementById('CouponCats').style.display = 'none';
     document.getElementById('AdsCats').style.display = 'none';
     // OPEN VIDEO FRAME //
     document.getElementById('MemberCats').style.display = '';
}
</code></pre>

<p>Any help would be greatly appreciated..</p>

<p>Many thanks in advance,
Paul</p>
