How to stop the rotation of all images during hover without time intervals using jquery

How to stop the rotation of all images during hover without time intervals using jquery

HTML

<img alt="" class="a" id="friends1" src="http://fin-sovet.com.ua/images/ok.png" />

CSS

.a
        {
        width:100px; 
        heigth:100px;
        position: relative;
        }

JavaScript

$(document).ready(function () {
            setInterval(function () { moveit(); }, 10);

            $('#friends1').hover(function () {
                $(this).addClass('Stop');
            }, function () {
                $(this).removeClass('Stop');
            });

            var p = 0;

            function moveit() {
                if ($('img.a.Stop').length === 0) {
                    p += .01;
                    var r = 165;
                    var xcenter = 550;
                    var ycenter = 300;

                    var newLeft = Math.floor(xcenter + (r * Math.cos(p + 90)));
                    var newTop = Math.floor(ycenter + (r * Math.sin(p + 90)));

                    $('#friends1').animate({
                        top: newTop,
                        left: newLeft
                    }, 10);
                }
            }
        });