[JavaScript] .animate - dziwny limit Opcje

[-Gość-]

Wiatm!

mam kod JS na przewijanie obrazków.
obrazki są poukładane kolejno w divie, kod nadaje mu szerokość wszystkich obrazków w nim a kiedy naciśnie się na guzik, div z obrazkami się przesówa - w lewo lub w prawo.
Problem polega na tym że wszystko działa do 99 obrazków, kiedy obrazków jest ponad 100, każde wznowienie animacji do przesówania cofa całość do początku.

Szerokość diva i ilość obrazków jest dobrze odczytana, bo kiedy przewinie się całą animację bez przerywania to dochodzi do końca.
Z 98 obrazka przesówa sie do 99, a z 99 do 1 zamiast do 100 - tak jak by licznik animacji kończył sie na 99 obrazku, a potem nie wie co robić to zaczyna od początku.

link do przykładu:
http://jsfiddle.net/957UW/1/

sam JS:

CODE

$(document).ready(function(){
var imageSum = $(".sownica a").size();
var imageReelWidth = 140 * imageSum;
$(".sownica").css({'width' : imageReelWidth});


$(".prawo").mousedown(function() {



var imageWidth = $(".sownica").width();
var x = imageWidth - 854;


$(".sownica").animate({marginLeft: -x
}, 5000 );
});
$(".prawo").mouseup(function() {

$(".sownica").stop();
});

});


$(document).ready(function(){

$(".lewo").mousedown(function(){



$(".sownica").animate({marginLeft: 0 }, 5000 );
});
$(".lewo").mouseup(function() {

$(".sownica").stop();
});

});

Za pomoc lub podpowiedź z góry dziekuję.