title: How to make this script pause on hover?
body: <p>I'm new to jQuery and I need a bit of help. I'm using this jQuery script as a testimonial rotator and it works like a charm but I just need to make one small tweak. I need it to be able to pause on hover and then restart when the mouse leaves the div. How can I do this?</p>
  
  <p>This is the script I'm using:</p>
  
  <pre><code>function fadeMyContent() {
      $(".testimonial:first").fadeIn(1000).delay(3000).fadeOut(1000,
          function() {    
              $(this).appendTo($(this).parent());   
              fadeMyContent();    
          });
      }
  
      fadeMyContent();
  });
  </code></pre>
  
  <p>Here is a <a href="http://jsfiddle.net/8HjE5/" rel="nofollow">JSFiddle</a>.</p>