Need Help with jParallax conflicting scripts
<p>I am trying desparately to combine the jParallax plugin with the jQuery Circulate plugin. Basically, i want to have a planet "orbiting" around the jParallax plugin i have, or at least on top of it, however, everytime i place the  right beneath  the circulate plugin stops working. When i move it down underneath the jParallax  code (right above the  tag), it works fine, but the jParallax stops working! Anyone know what's going on here? At first I thought it was because of the layers conflicting, but the jParallax is still working fine so long as the planet doesn't circulate. Any responses will be 'ppreciated! ;)</p>

<p><a href="http://goatsy.me/parallax_circulatetest.html" rel="nofollow">http://goatsy.me/parallax_circulatetest.html</a></p>

<p>here's the code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="jquery-1.2.6.min.js"&gt;&lt;/script&gt; 
&lt;script type="text/javascript" src="jquery.jparallax.js"&gt;&lt;/script&gt; 
&lt;link rel="stylesheet" type="text/css" media="screen" href="style.css" /&gt; 
&lt;script type="text/javascript"&gt; 
jQuery(document).ready(function(){
jQuery('#parallax').jparallax({});
});
&lt;/script&gt; 
&lt;meta name="robots" content="noindex, nofollow" /&gt; 
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.easing.1.2.js' &lt;/script&gt;
&lt;script type='text/javascript' src='CIRCULATE/Circulate/js/jquery.circulate.js' &lt;/script&gt;
&lt;script type='text/javascript' src='CIRCULATE/Circulate/js/example.js'&gt;&lt;/script&gt;
 &lt;link rel='stylesheet' type='text/css' href='CIRCULATE/Circulate/css/style.css' /&gt; 
&lt;/head&gt;

&lt;body&gt;

&lt;img src="CIRCULATE/Circulate/images/planetspin.gif" alt="A Friggin Unicorn, yo." id="unicorn" /&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div id="page-wrap"&gt; 
&lt;/div&gt;
&lt;div id="contenttop"&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div id="parallax"&gt; 
&lt;div style="width: 1174px; height: 481px;"&gt; 
&lt;img alt="" src="images/spacebg.png"/&gt; 
&lt;/div&gt; 
&lt;div style="width: 1374px; height: 681px;"&gt; 
&lt;img style="position:absolute; top:-300px; left:-200px; bottom:0px;" alt="" src="images/planetbg.png"/&gt; 
&lt;/div&gt; 
&lt;div style="width: 861px; height: 554px;"&gt; 
&lt;img style="position:absolute; top:200px; left:400px; bottom:0px;" alt="" src="images/rocketship.png"/&gt; 
&lt;/div&gt;  
&lt;div style="width: 367px; height: 537px;"&gt; 
&lt;img style="position:absolute; top:50px; right:50px; bottom:0px;" alt="" src="images/astrogoat.png"/&gt; 
&lt;/div&gt; 

&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
