Please help: how to make marquee stop on mouseover?

Please help: how to make marquee stop on mouseover?

 Hello I found this usefull piece of code to make  a scrolling test at : http://maxvergelli.wordpress.com/2010/02/21/linear-scrolling-text-with-jquery/

  1. <script type="text/javascript">
  2.   $(document).ready(function() {
  3.     
  4.       $('.scrollingtext').bind('marquee', function() {
  5.             var ob = $(this);
  6.            var tw = ob.width();
  7.            var ww = ob.parent().width();
  8.             ob.css({ left: -tw });
  9.           ob.animate({ left: ww }, 20000, 'linear', function() {
  10.                 ob.trigger('marquee');
  11.            });
  12.         }).trigger('marquee');
  13.     
  14.     });
  15.     </script>
  16.     </head>
  17.     <body>
  18.     
  19.     <div class="scroller">
  20.         <div class="scrollingtext">
  21.             scrolling text scrolling text scrolling text scrolling text scrolling text
  22.         </div>
  23.     </div>


But I dont know how to make scrolling dtop on mouseover, then resume on mouseout