How to get jQuery dialog to wait before displaying?

I'd like my jQuery dialog to display exactly 3 seconds after a user hovers over an image. Currently I have:

$(".imgLi").live('hover', function() {
     showDialog();
 });
 
 function showDialog()
 {
     $('#imageDialogDiv').dialog({
         modal:true
     });
 }
 
 <div id="imageDialogDiv" title="Blah">...</div>
 

Not sure where too put the time code or how to implement jQuery's timer object here. If the use "mouses away" (moves the mouse away from the image) at any point during that 3 second timeframe, I do not want the dialog to display. Thanks in advance for any help here.

---