How to prevent script from starting new animation while old one still lasts???

How to prevent script from starting new animation while old one still lasts???

How can I make the script below "stop responding" when it's already animating?

I want the script below to animate ONCE and STOP animating (even if mouse is still on element #s2) until I take mouse off it and hover again. This is what I'm using: http://jquery.malsup.com/cycle/

  1. <script type="text/javascript">$('#s2').cycle({
  2.     fx:      'scrollDown',
  3.     timeout: 0,
  4.     speedIn:  2000,
  5.     speedOut: 500,
  6.     easeIn:  'bounceout',
  7.     easeOut: 'backin',
  8.     delay:   -2000,
  9.     prevNextEvent:  'mouseover.cycle',
  10.     next:   '#s2'
  11. });</script>