jquery - Jquery animate は初めて機能しますが、その後は機能しません

Question

これは問題の実例です: http://www.igabiba.si > ボタン (次へ) をクリックして主役の画像を変更すると、アニメーションは最初は正しく起動しますが、それ以降は正しく起動しません。後で、アニメーションをスキップし、設定された時間の後に最終位置に配置します。

奇妙なことに、前のボタンのアニメーションは問題なく動作します。

これは、背景画像をアニメーション化するコードの一部です (すべてのコードはソースに表示されます)。

if (mode == 'prev') {

                  $('#take_div').animate({
                    left: '-2000px',
                  }, 500, function() {
                    if (takeFields[2] != '') {
                        $('#take_link').attr('href',takeFields[2]);
                    }
                    $('#take_div').css('background',takeFields[1]+' url(/media/uploads/gTakeover/'+takeFields[0]+') no-repeat center top');
                    $('#take_div').css('left','');
                    $('#take_div').css('right','-2000px');
                    $('#take_div').animate({
                        right: '0px',
                    }, 500);
                  });

              } else {

                $('#take_div').animate({
                    right: '-=2000',
                  }, 500, function() {
                    if (takeFields[2] != '') {
                        $('#take_link').attr('href',takeFields[2]);
                    }
                    $('#take_div').css('background',takeFields[1]+' url(/media/uploads/gTakeover/'+takeFields[0]+') no-repeat center top');
                    $('#take_div').css('right','');
                    $('#take_div').css('left','-2000px');
                    $('#take_div').animate({
                        left: '0px',
                    }, 500);
                  });

              }

これについて少し助けていただければ幸いです。