jquery, последовательность выполнения операция
 

Всем доброго времени суток.

Кто знает поясните. Непонятка происходит с последовательностью в таком скрипте:

<script>
$(function() {
 $("#button").mouseover( function() {

   var BlockText = $("#BlockText p");
   BlockText.stop().animate({ 'left' : '-=150px'}, 500).text("новый текст");
   BlockText.animate({ 'left' : '+=150px'}, 500)

});
});
</script>

планировал сделать следующее:
при наведении на "#button" строка находящаяся в диве BlockText <p>старый текст</p> сдвигается влево, затем меняется текст и затем уже возвращается новая строка.
Т.к у дива BlockText стоит overflow: hidden; то я думал что строка сменится после того как она спрячется.
Вообщем проблема в том что как только надпись начинает сдвигаться
практически сразу меняется текст, и уже изменившийся уезжает и приезжает.
P.S. delay() не помогает

в анимэйте есть 3-й параметр. callback называется

не, не могу врубится, что с ним делать то?!

спасибо, дорубил

BlockText.stop().animate({ 'left' : '-=150px'}, 500, function() { BlockText.text("новый текст").animate({ 'left' : '+=150px'}, 500)

так а почему delay() не прокатывает?!

в коде не вижу delay