Delayed Dialog Call...

Delayed Dialog Call...

Hi all,

I have a javascript that invokes a DIALOG with a image and a BIO description. Originally, I had this script trigger by a CLICK, but my client said they would rather have it invoked by a HOVER. They like the HOVER effect, but now they are complaining that they would like a DELAY before the HOVER trigger takes place. Right now you can drag the cursor over one on the links and the DIALOG is triggered.

Is there a way to make sure that the cursor has rested on the LINK for at least 1.5 seconds, then perform the HOVER script? Can a few lines be added to my CODE to cause a DELAY to happen? To be ultra clear, if I hover on a link for LESS THEN 1.5 seconds and move off, I do not want the dialog to trigger.

Appreciate any help. Here is my code to call the dialog:

  2. $(".bio_link").hover(
  3. function()
  4. {
  6. $("body").prepend('<div id="biodialog"></div>');
  7. // Define the you tube modal dialog properties
  8.     $("#biodialog").dialog({
  9.         modal: true,
  10.         width: 530,
  11.         height: 457,
  12.         autoOpen: false,
  13.         position: { my: "center top", at: "center top+50", of: window }
  14.     });
  15.     $('#biodialog').dialog({
  16.         buttons:{
  17.             "Close": function(){
  18.                 $(this).dialog("close");
  19.             }
  20.         }
  21.     });
  22.     $("#biodialog").dialog({ title: $(this).attr("title") });
  23. $("#biodialog").html($('#divB'+ $(this).attr("data")).html());
  24. $("#biodialog").dialog("open");
  25. $("body").remove("#biodialog");
  26. return false;
  27. }
  28. );