title: Kineticjs overlapping shapes mouse over detection
body: <p>Is there an easy way to do mouse over detection for multiple overlapping shapes in kineticjs (or rapheljs if this is easier in SVG). I.e. if I had two circles that partially overlap, I want to somehow detect the four scenarios:</p>
  
  <p>1) When over no shapes
  2) When over circle A
  3) When over circle B
  4) When over both (the overlap) circle A and B</p>
  
  <p>But I need a generic implementation that could be extended to "n" circles/shapes.</p>
  
  <p>Cheers</p>