title: animating paths with raphael
body: <p>I'm still trying to figure out Raphael and am stuck with some basic animation. have a look here: <a href="http://jsfiddle.net/d7d3Z/" rel="noreferrer">http://jsfiddle.net/d7d3Z/</a> </p>
  
  <p>it's simple enough: two paths that animate into place. What I want though is for it to appear to 'draw' this like a single line, rather than both starting together. </p>
  
  <p>How can I order the animations?</p>