title: order of raphael.js animations
body: <p>when changing size attributes of an image along with about 100 other rect elements, the image resize  happens last even though it is first element changed in my code.  Image change is made first within function A, all other changes are made within a loop in function B.   reference to elements stored in array 'shape'.   I </p>
  
  <pre><code>function A(){
     image.attr({'width':w, 'height':h});
     function B();
  }
  
  function B(){
    for(i=0;i&gt;100;i+=1){
      shape[i].attr({'x':x, 'y':y});   
    }
  </code></pre>
  
  <p>}</p>