Simplest way to create pulsating (looping) background in Raphael JS?
===

I am looking for the simplest and more straightforward way for making a looping/repeating puslating background of some element.

E.g. if I have a circle:

    var filler = {
    							'fill': 'white',
    							'stroke': 'white',
    							'stroke-width': '0'
    						}
    						var fillerHover = {
    							'fill': '#b6def1',
    							'stroke': '#b6def1',
    							'stroke-width': '0',
    							'cursor': 'pointer'
    						}

    circle.hover(function () {
        	   circle.animate(fillerHover, 500);
         },
         function () {
               circle.animate(filler, 500);
         }
    );

And I want to loop the background when I have cursor on the circle from filler to fillerHover until I go out with the cursor. 

How to create such loop in the simplest way? 

