Jquery paralax effect functions
<p>Basically, what I'm asking for is opinions on the best way to do the following;</p>

<p>I basically have this already: <a href="http://jsfiddle.net/BnJ3G/1/" rel="nofollow">http://jsfiddle.net/BnJ3G/1/</a> which is more or less a background animation depending on the scroll event. Similar to a paralax type function.</p>

<p>I just wanted to know, the easiest way to tackle multiple axis with little coding, I have around 10 different things I need to apply this effect to, but at the moment I'm limited to the +x axis, where as I need (+X, -X, +Y and -Y). Is there someway this can be altered so that I can do something simple like this outside of the main function? </p>

<pre><code>$('#element1').animatePosX(percentage);
$('#element2').animateNegY(percentage);
</code></pre>

<p>Etc...</p>

<p>I'd love the help if possible! </p>

<p>Kind regards, 
Shannon</p>
