Помогите немножко с анимацией

Всем привет!

Есть некая картинка, которую требуется плавно перемещать с одной позиции на другую. Использую для этой цели функцию animate, которая отлично со всем справляется, если бы не одно НО - анимировать требуется, грубо говоря, по диагонали. Т.е. есть 4 позиции background-position:

1. -20% -20%

2. 120% -20%

3. 20% 133%

4. 120% 133%

Это 4 отдельные страницы. Переход между первыми и последними нормально. А вот когда требуется перейти с высоты -20% на высоту 133%, такое ощущение, что animate не понимает что нужно по-диагонали двигаться. Сначала рисунок рехко переходит по высоте (без анимации), и только потом начинает плавно двигаться по-горизонтали.

Пробовал вот такую конструкцию:

$('#window').animate({

		backgroundPosition: '20% -20%'

	 }, 3700,  function() {

	 

		$('#window').animate({

		backgroundPosition: '20% 133%'

		}, 3700, function()

		{

		

		});

Т.е. чтобы как только закончиться одна анимация, началась другая. Не помогает.... может я не ту функцию юзаю? :)

mark2011 добавил 17.02.2011 в 10:47

UPD:

Вот такая вот штуковина тоже не помогла:

 $("#window").animate( { backgroundPosition: "20% -20%" },

	             { queue:false, duration:3000 } )

	    .animate( { backgroundPosition:"20% 133%" }, 3000 );