/*global $:false, jQuery:false */

var square = {
    loaded : function() {},
    selected: function() {
            console.log("square!");
        }
    };

tools.square = square;


@@ -43,16 +43,63 @@
 are = %7B%0A
+    start : undefined,%0A    square : undefined,%0A
     load
@@ -190,16 +190,819 @@
        %7D
+,%0A    mousedown: function(event) %7B%0A        // If we produced a drawnpath before, deselect it:%0A        if (this.start) %7B%0A            //complete a rectangle%0A            var shape = new paper.Path.Rectangle(this.start, event.point);%0A            shape.strokeColor = 'black';%0A            this.start = undefined;%0A        %7D%0A        else %7B%0A            this.start = event.point;%0A            this.square = new paper.Path.Rectangle(this.start, event.point);%0A            this.square.strokeColor = 'black';%0A        %7D%0A%0A        paper.view.draw();%0A    %7D,%0A    mousemove: function(event) %7B%0A        if (this.start) %7B%0A            this.square.remove();%0A            this.square = new paper.Path.Rectangle(this.start, event.point);%0A            this.square.strokeColor = 'black';%0A            paper.view.draw();%0A        %7D%0A    %7D,
 %0A    %7D;%0A

Add square tool.