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

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

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

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

написал на бум, сам не пробовал, но возможно натолкнет в сторону правильно рещения

про queue, про dequeue

var reset = function() {
	$(this).css({ 'backgroundPosition': '-220px 0px'})
		    .dequeue();
}

var animate = function() {
	$(this).animate({ backgroundPosition: '-220px ' + posY }, 'linear');
		   .dequeue();
}

$('.test').animate({ backgroundPosition: '-220px ' + posY }, 'linear')
		  .queue(reset)
		  .queue(animate)
		  .queue(reset)
		  .queue(animate)
		  .queue(reset)

отпишитесь если помогло, сам черт его знает когда в это сунусь. а так буду знать, правильно ткнул или нет