I have a dot on a map, that I am trying to pulse (size). I have the animation working well but I can't resolve two issues:

1. Uncaught RangeError: Maximum call stack size exceeded
2. when I hover off and then hover back on, it doesn't start again.

Here is my jquery:

```
$('.round-dot').hover(function() {
    var dot = $(this).children('img');
    pulseSucka(dot);
  }, function() {
    var dot = $(this).children('img');
    dot.finish();
  }
);

function pulseSucka(dot){
    $(dot).animate({
        height: '24',
        width: '24',
        paddingLeft: '0',
        paddingTop: '0'
      }, 300, function() {
        // First animate complete
        $(dot).animate({
          height: '18',
            width: '18',
            paddingLeft: '3',
            paddingTop: '3'
          }, 300, function() {
            // Second animate complete
            pulseSucka(dot);
        });
    });
}   

```

The dot is 18px (w/h) to start, and I animate the width and padding to make it look like its pulsing. I am happy with the speed and animate on hover, but when I hover off it doesn't go back to "normal", and when I hover again it does nothing.

Here is a jsFiddle. <http://jsfiddle.net/BPKeY/>