title: Raphael onDragOver function example?
body: <p>I am using the Raphael JS graphics/animation library. I have a Raphael canvas and two circles, as defined in the following code</p>
  
  <pre><code>var paper = Raphael(0, 0, screen.width, screen.height);
  
  var smallCircle = paper.circle(200, 200, 20)
  .attr({
      "fill": "#red"
  });
  
  var largeCircle = paper.circle(500, 200, 60)
  .attr({
      "fill": "#blue"
  });
  </code></pre>
  
  <p>I'd like to use the onDragOver function such that when I click and drag the smallCircle over the largeCircle, an alert or some other event happens. I am confused by the Raphael documentation, however, and do not quite know how to implement the onDragOver function. Can someone please give me an example of implementing this function (preferably using my variables)? Thanks all!</p>