.animate с кривой

Сначала взгляните:

cat необходимо переместиться в точку x на кривой . (см. стрелку)

Когда кошка попадает в x, она должна оставаться 10 секунд, а после этого кошка должна вернуться к o, снова по кривой, и повторить.

Я пробовал это с помощью этого кода:

function curve() {
    $('#cat').delay(10000).animate({top: '-=20',left: '-=20'}, 500, function() {
        $('#cat').delay(10000).animate({top: '+=20', left: '+=20'}, 500, function() {
            curve();
        });
    });
}

curve();

Но кошка движется вот так:

Есть ли способ заставить кошку двигаться по такой кривой?