title: Jquery paralax effect functions
body: <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>