jQuery backgroundPostion and animate can't only get the Y
<p>I have a problem. I have this 3060 px wide image as my background-image, and when I press a menu link I want to 'slide' the background to the right or left, but when I'm doing this I can only get it to use the X. If I use backgroundPositionX, it doesn't do anything. When I use backgroundPosition, though, I can only provide 1 parameter. And I only want to do something to the X side not the Y.</p>

<p>The code I have at the moment sets the Y to 50% automatically, and this is not wanted.</p>

<pre><code>        function move(space) {
            image = 3060;
            bodyWidth = $('body').width();
            offset = 900 * space;
            if(image - offset &lt; bodyWidth)
                offset = image - bodyWidth - 15;

            console.log(offset);
            console.log(bodyWidth);


            $('body').animate({
                backgroundPosition:  -offset


            }, 5000, function() {
                console.log("animate complete");
            });

            //$('body').css('backgroundPosition', '-'+offset+'px 0px');
        }
</code></pre>
