JQuery: Hover function, how to add a delay
<p>I have some JQuery that pops up a JQuery Dialog (<a href="http://docs.jquery.com/UI/Dialog" rel="nofollow">http://docs.jquery.com/UI/Dialog</a>) box when you hover over an image like so:</p>

<pre><code> $(document).ready(function() {
     $("img").hover(function() {

          $("#dialog").dialog();
     });
 });
</code></pre>

<p>I have 2 questions
1. When i close the dialog and then hover over an image again the dialog dosn't reappear, how can i fix that
1. How can i pop up the box only if the user hovers over the image for a couple of seconds</p>
