Prevent a hover event from happening if the mouse isn't focused for over a set time?
<p>I am using this code for tooltips, a simple function I wrote to display title tags a little nicer on a webpage;</p>

<pre><code>function tooltip(target_items, name){

 $(target_items).each(function(i){

$("body").append("&lt;div class='"+name+"' id='"+name+i+"'&gt;&lt;p&gt;"+$(this).attr('title')+"&lt;/p&gt;&lt;/div&gt;");
var my_tooltip = $("#"+name+i);

$(this).removeAttr("title").mouseover(function(){
        my_tooltip.css({display:"none"}).stop(true, true).slideDown(225);
}).mousemove(function(kmouse){
        my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
}).mouseout(function(){
        my_tooltip.css({display:"none"});                 
});
 });

 }
</code></pre>

<p>I want it so that the whole thing will only trigger if the mouse is over it for a set amount of time, say 1000. If the mouse leaves the trigger area before that time I want it so the event never happens at all.</p>
