Jquery None Stop background-position
<p>I am trying to create a simple moving background.It works for first time, however I do not know how to run the none stop animate function.
Can you pleae let me know how I can make it to work continously? It would be great if you let me know how to use the jquery easing functions with this which can make the moving much smoother.</p>

<p>Here is my code:<br />
1- Html:<br /></p>

<pre><code>&lt;div class="wave"&gt;&lt;/div&gt; 
</code></pre>

<p>2- CSS:<br /></p>

<pre><code>.wave{ background:url(http://www.publicspace.net/images/vitamin/cloud.png) top left no-repeat;
 width:70px;
 height:70px;
</code></pre>

<p>}</p>

<p>3- jQuery:<br /></p>

<pre><code>$(document).ready(function(){
$('.wave').css({'background-position': '0px 0px'}). 
animate({'background-position': '-160px 0px'}); 
});
</code></pre>

<p>Thanks</p>
