title: Javascript Raphael animations not showing
body: <p>I have this function </p>
  
  <pre><code>function generateCircles2(){
      for(var i = 1; i&lt;500; i++){
      var position = Math.floor(Math.random() * 600);
      var size = Math.floor(Math.random() * 8);
      var circle = paper.circle(-50,position,size);
      var time = Math.floor(Math.random() * 4000) + 2000;
      circle.attr("fill", "#000000");
      var cirAni = Raphael.animate({cy: position, cx: 850}, time);
      circle.animate(cirAni.delay(100));
    }
  }
  </code></pre>
  
  <p>which is suppose to generate circles to move across the screen at random points, however the circles do not appear and it also stops other animations from happening over the top of these ones. How can I get these circles to move across randomly whilst keeping the other animations going at the same time?</p>