Как сделать непрерывную и плавную анимацию с jQuery в backgroundPosition?

Здравствуйте, подскажите пожалуйста.

Есть код:

$('.test').animate({ backgroundPosition: '-220px ' + posY }, 'linear', function () { $(this).css({ 'backgroundPosition': '-220px 0px'}) }).delay().<br>
               animate({ backgroundPosition: '-220px ' + posY }, 'linear', function () { $(this).css({ 'backgroundPosition': '-220px 0px'}) }).delay().<br>
               animate({ backgroundPosition: '-220px ' + posY }, 'linear', function () { $(this).css({ 'backgroundPosition': '0px 0px'}) });<br>

Он прокручивает бэкграунд 3 раза, как видите, но после каждого круга, когда анимация запускается следующий раз — это видно, так как есть небольшая задержка. Как мне объеденить эти 3 анимации в одну, так чтоб анимация прокрутки бэкграунда была плавной?

Спасибо.