make selected path moveable

+ SketcherPath class for easier control of transformations
rotatable plugin initialized: added class for handler, its css
rotatable selectorBox
rotate path
rotate from the bottom right corner relative to the top left corner
change color of the selected path instead of drawing box
put graphsketcher classes in separate files
rotate from 0 to 360 degrees correctly

Now mouse coordinates are checked to be below or above selectorBox
diagonal (which is from top left corner). If it is above this diagonal,
then we rotate backwords by substacting the angle from pi*2
calculate coordinats when rotating

Substract offsets of canvas from mouse coordinats to calculate
the center of rotation
use absolute position for top left corner element in rotatable
calculate starting angle in rotatable

It allows to correctly rotate from rotated state
rotation and moving works together

1. Now we track difference in position when moving, because raphael finds coordinates of bounding box, while webkit of corner.
2. Because of http://bugs.jquery.com/ticket/8362 a monkey patch added (draggable_patch)
3. Next step is to add proper scaling
rotate, translate, scale work together

1. aspectRatio set to true (path goes out of borders to much if false)
1. resizable.js patched like draggable.js
record changes of transformations

It allows to change paths multiple times.
[Delivers #53532521]
refactoring (options in Drawer)