Как я могу остановить / возобновить jquery .animate() именно там, где я его оставил?

Question

Я хотел бы остановить анимацию jQuery при наведении курсора мыши и возобновить ее при наведении мыши. Я думал использовать плагин Pause, но он переходит к следующему шагу анимации. Как я могу это сделать?

Вот мой код:

var animation_hamburger = function() {
    $('#inicio #logo .hamburger').animate({ left: 490 },4000);
    $('#inicio #logo .hamburger').animate({ top: 210 },2000);
    $('#inicio #logo .hamburger').animate({ left: -10 },4000);
    $('#inicio #logo .hamburger').animate({ top: -10 },2000);
    setTimeout(function(){
        animation_hamburger();
    },12000);
}
animation_hamburger();
$('#inicio #logo .hamburger').mouseover(function(){
    $(this).stop();
});

Вы можете проверить кодекс здесь:

http://codepen.io/anon/pen/VeNGxN