Mouseover/out play/pause

Mouseover/out play/pause

Hey everybody,

This is my first post and I'm currently working 2 days with Jquery so i'm very noob at it
I use this script to display and external rss feed into a news ticker (which works just fine).


but,

My question is... Can I make a function so the newsticker pauses when you mouseover it and plays along when you mouseout? I know these functions exists and there is a lot of documentation about it but i just can't seem to get it working in my script. Can someone provide me a working code please, that would save me a lot of time!

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     var nieuwstickerfirst = 0;
  4.     var nieuwstickerspeed = 250;
  5.     var nieuwstickerpause = 3000;
  6.    
  7.         function nieuwstickerremoveFirst(){
  8.             nieuwstickerfirst = $('.nieuwsticker ul.nobullets li:first').html();
  9.             $('.nieuwsticker ul.nobullets li:first')
  10.             .animate({opacity: 0}, nieuwstickerspeed)
  11.             .fadeOut('slow', function() {$(this).remove();});
  12.             nieuwstickeraddLast(nieuwstickerfirst);
  13.         }
  14.        
  15.         function nieuwstickeraddLast(nieuwstickerfirst){
  16.             nieuwstickerlast = '<li style="display:none">'+nieuwstickerfirst+'</li>';
  17.             $('.nieuwsticker ul.nobullets').append(nieuwstickerlast)
  18.             $('.nieuwsticker ul.nobullets li:last')
  19.             .animate({opacity: 1}, nieuwstickerspeed)
  20.             .fadeIn('slow')
  21.         }
  22.     nieuwstickerinterval = setInterval(nieuwstickerremoveFirst, nieuwstickerpause);
  23. });
  24. </script>


Thanks in advance!

ps: Jquery rocks! wish i knew it better