title: Raphael JS move/rotate group of drawings as one?
body: <p>I have a little tool that draws up a grid of circles(representing holes) that allows the user to add text and lines to these circles.  Right now I have it set up so if the user clicks on any of the holes then wherever the hole is moved so is every other element on the Paper object.   What I am trying to implement next is the ability to rotate everything as one object.  I realize that for this to work that I need to know the central point of all the objects, which I can easily get.<br>
       What I want to know is should I draw everything on another object.  This object will act as another Paper object of sorts, but will only serve for movement and rotation. Any click events on the holes drawn on the object will be passed on to the parent (i.e. the pseudo-paper object everything is drawn on).  Is this possible?  If so how would I draw everything onto say, a rectangle?  And if not what would be the best way to go implementing it?</p>