title: execute Jquery when the mouse stops moving
body: <p>I have a quick script that has a trail follow the cursor:</p>
  
  <pre><code>jQuery(document).ready(function(){
     $(document).mousemove(function(e){
         $('.fall').each(function(){
             if ($(this).css("opacity") == 0){
                 $(this).remove();
             };
         });
         t = (e.pageY - 10).toString() + 'px';
         l = (e.pageX - 10).toString() + 'px';
         $('.fall').css("margin_left",l);
         $('.fall').css("margin_top",t);
         var doit = '&lt;div class="fall" style="position:fixed;margin-left:' + l + ';margin-top:' + t + ';"&gt;+&lt;/div&gt;'
         $('body').prepend(doit);
        $('#status2').html(e.pageX +', '+ e.pageY);
  
         $('.fall').animate({
             marginTop: '+=50px',
             opacity: 0
         },1000);       
     }); 
  });
  </code></pre>
  
  <p>Now I would like to remove the <code>animate</code> part and have something like the following when the mouse is not moving:</p>
  
  <pre><code>$('.fall').each(function(){
      $(this).fadeOut('slow');
      $(this).remove()
  });
  </code></pre>
  
  <p>I just can't figure out how to execute this when the mouse is not moving for more than like a second. Any ideas?</p>
  
  <p>Thanks, and <a href="http://jsfiddle.net/wVVbT/5/">here is a jsfiddle</a></p>