In jquery animate, how do I use a custom object instead of a div?
<p>My situation started like this: I wanted to animate the background image of a div, but it seems, with jquery I can't retrieve the individual positions of the background images(background-position). So I thought why not create a object and animate it's values then just put this values in the css, but i can't figure out how to quite do it yet. Here's what I tried.</p>

<pre><code>var obj={t:0};
                $("#wrapper").animate({
                    obj:100 //I tried obj.t &amp; t as well
                },1000,'linear',function(){},function(){
                    $("#wrapper").css({
                            'background-position':obj.t+"% 0%"
                        });
                });
</code></pre>

<p>Also another question I need to ask is, if the picture is really big, I mean about 4000x4000px, would it be better to set it as a background image and change the background position, or move around the div itself?</p>
