Остановить динамическую ширину DIV от анимации за его краями

У меня есть DIV, который содержит различное количество элементов из базы данных. Я установил для DIV анимацию плюс/минус 894 пикселя от его текущей позиции при нажатии кнопок «следующая/предыдущая». Теперь я пытаюсь помешать ему анимировать за 0px или за последним дочерним элементом, но я изо всех сил пытаюсь заставить его работать без использования DIV с фиксированной шириной. Кто-нибудь знает решение? Спасибо

http://jsfiddle.net/Drennan/mMMfn/

$('#right').each(
    function(){
        $(this).bind (
            "click",
            function(event){
                $('#inner').animate(
                    {left:"-=894px"}, {
                        duration:'slow',
                        easing:'swing'
                });
            }
        );
    }
);

$('#left').each(
    function(){
        $(this).bind (
            "click",
            function(event){
                $('#inner').animate(
                    {left:"+=894px"}, {
                        duration:'slow',
                        easing:'swing'
                });
            }
        );
    }
);



});