Вертикальный параллакс в jQuery

В настоящее время я создаю свой сайт-портфолио, и у меня возникли небольшие трудности, в основном у меня две небольшие проблемы ...

1. Я не могу анимировать положение фона по оси y, когда положение содержит атрибут "center" на оси x

2. Я не могу добиться эффекта при прокрутке, делаю паузу, когда останавливаю прокрутку, и продолжаю когда я продолжаю прокручивать

Вот код, который я использую:

//Top section parallax
$(function parallaxInnerAnimation(){

    //Reset the background position
    $('#first-canvas .inner').css({backgroundPosition: 'center 0px'});

    //Set the animations
    $(window).scroll(function() {
        $('#first-canvas .inner').animate({
        backgroundPosition:"(center -200px)"
        }, 5000, 'linear');
    });

});

Я использую плагин jquery.backgroundPosition v1.22 от Александра Фаркаса и jQuery 1.6.1.

Это сайт css3 и html5, и в основном предназначен для поддержки IE9, Firefox 4, Chrome 11 и т. д. Я делаю другой сайт для старых браузеров, поэтому обратной совместимостью можно пожертвовать

Извините, если это глупый вопрос, я не на самом деле разработчик, скорее дизайнер, который умеет писать код для внешнего интерфейса, заранее спасибо.

ОБНОВЛЕНИЕ:

Чтобы поместить это в контекст, я теперь поместил его на свой рабочий сервер http: // charlieryan .co.uk / stack-overflow /