this.id = Rkns.Utils.getUID('controller');

Rkns.Renderers.Paper__Controllers._Base.prototype.select = function() {}

Rkns.Renderers.Paper__Controllers._Base.prototype.unselect = function() {}

    this.node_circle = new paper.Path.Circle([0, 0], Rkns._NODE_RADIUS);

        fontSize: Rkns._NODE_FONT_SIZE,

    this.node_text.position = this.node_paper_coords.add([0, 2 * Rkns._NODE_RADIUS]);

    this._element.setPosition(this._renderer.toModelCoords(this.node_paper_coords.add(_delta)));

    this._renderer._project.serializer.save();

Rkns.Renderers.Paper__Controllers.Node.prototype.select = function(_delta) {

    this.node_circle.strokeWidth = 3;

}

Rkns.Renderers.Paper__Controllers.Node.prototype.unselect = function(_delta) {

    this.node_circle.strokeWidth = 1;

}

    this.edge_arrow = new paper.Path();

    this.edge_arrow.add([0,0],[Rkns._ARROW_LENGTH,Rkns._ARROW_WIDTH / 2],[0,Rkns._ARROW_WIDTH]);

    this.edge_arrow.__controller = this;

        fontSize: Rkns._EDGE_FONT_SIZE,

    this.edge_text_angle = 0;

    this.edge_arrow_angle = 0;

        _a = _p1.subtract(_p0).angle,

        _center = _p0.add(_p1).divide(2),

        _color = this._element.created_by.color;

    this.edge_line.strokeColor = _color;

    this.edge_arrow.rotate(_a - this.edge_arrow_angle);

    this.edge_arrow.fillColor = _color;

    this.edge_arrow.position = _center;

    this.edge_arrow_angle = _a;

    this.edge_text.rotate(_a - this.edge_text_angle);

    this.edge_text.content = this._element.title;

    this.edge_text.position = _center;

    this.edge_text_angle = _a;

}

Rkns.Renderers.Paper__Controllers.Edge.prototype.select = function(_delta) {

    this.edge_line.strokeWidth = 3;

}

Rkns.Renderers.Paper__Controllers.Edge.prototype.unselect = function(_delta) {

    this.edge_line.strokeWidth = 1;

/* */

Rkns.Renderers.Paper__Controllers.TempEdge = Rkns.Utils.inherit(Rkns.Renderers.Paper__Controllers._Base);

Rkns.Renderers.Paper__Controllers.TempEdge.prototype._init = function() {

    this._renderer.edge_layer.activate();

    this.type = "temp-edge";

    var _color = this._renderer._project.current_user.color;

    this.edge_line = new paper.Path();

    this.edge_line.strokeColor = _color;

    this.edge_line.add([0,0],[0,0]);

    this.edge_line.__controller = this;

    this.edge_arrow = new paper.Path();

    this.edge_arrow.fillColor = _color;

    this.edge_arrow.add([0,0],[Rkns._ARROW_LENGTH,Rkns._ARROW_WIDTH / 2],[0,Rkns._ARROW_WIDTH]);

    this.edge_arrow.__controller = this;

    this.edge_arrow_angle = 0;

}

Rkns.Renderers.Paper__Controllers.TempEdge.prototype.redraw = function() {

    var _p0 = this.from_node_controller.node_paper_coords,

        _p1 = this.end_pos,

        _a = _p1.subtract(_p0).angle,

        _c = _p0.add(_p1).divide(2);

    this.edge_line.segments[0].point = _p0;

    this.edge_line.segments[1].point = _p1;

    this.edge_arrow.rotate(_a - this.edge_arrow_angle);

    this.edge_arrow.position = _c;

    this.edge_arrow_angle = _a;

}

Rkns.Renderers.Paper__Controllers.TempEdge.prototype.paperShift = function(_delta) {

    this.end_pos = this.end_pos.add(_delta);

    this._renderer.onMouseMove({point: this.end_pos});

    this.redraw();

}

Rkns.Renderers.Paper__Controllers.TempEdge.prototype.finishEdge = function(_event) {

    var _hitResult = paper.project.hitTest(_event.point);

    if (_hitResult && typeof _hitResult.item.__controller !== "undefined") {

        var _target = _hitResult.item.__controller;

        if (_target.type === "node" && this.from_node_controller._element.id !== _target._element.id) {

            this._renderer._project.addEdge({

                from: this.from_node_controller._element.id,

                to: _target._element.id

            }, Rkns._RENDER_AND_SAVE)

        }

    }

    this.edge_arrow.remove();

    this.edge_line.remove();

    this._renderer.controllers.removeId(this.id);

}

    this._MARGIN_X = 80;

    this._MARGIN_Y = 50;

    var _canvas_id = this._project._opts.canvas_id;

    this.$ = Rkns.$("#"+_canvas_id)

    paper.setup(document.getElementById(_canvas_id));

    this.selected_target = null;

    _tool.onMouseMove = function(_event) {

        _this.onMouseMove(_event);

    }

    _tool.onMouseUp = function(_event) {

        _this.onMouseUp(_event);

    }

    this.$.mousewheel(function(_event, _delta) {

    this.$.dblclick(function(_event) {

        _this.onDoubleClick(_event);

    })

    this.scale = Math.min((paper.view.size.width - 2 * this._MARGIN_X) / (_maxx - _minx), (paper.view.size.height - 2 * this._MARGIN_Y) / (_maxy - _miny));

    this.controllers = new Rkns.Model.List();

    this._project.nodes.forEach(function(_node) {

        _this.addElement("Node", _node);

    this._project.edges.forEach(function(_edge) {

        _this.addElement("Edge", _edge);

Rkns.Renderers.Paper.prototype.addElement = function(_type, _element) {

    var _el = new Rkns.Renderers.Paper__Controllers[_type](this, _element);

    this.controllers.push(_el);

    return _el;

}

    this.controllers.forEach(function(_controller) {

        _controller.redraw();

Rkns.Renderers.Paper.prototype.onMouseMove = function(_event) {

    var _hitResult = paper.project.hitTest(_event.point);

    if (_hitResult && typeof _hitResult.item.__controller !== "undefined") {

        if (this.selected_target !== _hitResult.item.__controller) {

            if (this.selected_target) {

                this.selected_target.unselect();

            }

            this.selected_target = _hitResult.item.__controller;

            this.selected_target.select();

        }

    } else {

        if (this.selected_target) {

            this.selected_target.unselect();

        }

        this.selected_target = null;

    }

}

        if (this.dragging_target.type === "node" && _hitResult.type === "stroke") {

            var _tmpEdge = this.addElement("TempEdge",{});

            _tmpEdge.end_pos = _event.point;

            _tmpEdge.from_node_controller = this.dragging_target;

            _tmpEdge.redraw();

            this.dragging_target = _tmpEdge;

        }

Rkns.Renderers.Paper.prototype.onMouseUp = function(_event) {