Rkns.Renderer = {}

Rkns.Renderer.Utils = {

    },

    sector : function(_inR, _outR, _startAngle, _endAngle, _padding, _imgsrc) {

        _path = new paper.Path();

        var _startRads = _startAngle * Math.PI / 180,

            _endRads = _endAngle * Math.PI / 180,

            _img = new Image(),

            _span = _endRads - _startRads,

            _k = .0879 * _span,

            _kin = _k * _inR,

            _kout = _k * _outR,

            _startdx = - Math.sin(_startRads),

            _startdy = Math.cos(_startRads),

            _startXIn = Math.cos(_startRads) * _inR + _padding * _startdx,

            _startYIn = Math.sin(_startRads) * _inR + _padding * _startdy,

            _startXOut = Math.cos(_startRads) * _outR + _padding * _startdx,

            _startYOut = Math.sin(_startRads) * _outR + _padding * _startdy,

            _enddx = - Math.sin(_endRads),

            _enddy = Math.cos(_endRads),

            _endXIn = Math.cos(_endRads) * _inR - _padding * _enddx,

            _endYIn = Math.sin(_endRads) * _inR - _padding * _enddy,

            _endXOut = Math.cos(_endRads) * _outR - _padding * _enddx,

            _endYOut = Math.sin(_endRads) * _outR - _padding * _enddy,

            _centerR = (_inR + _outR)/2,

            _centerRads = (_startRads + _endRads) / 2,

            _centerX = Math.cos(_centerRads) * _centerR,

            _centerY = Math.sin(_centerRads) * _centerR,

            _segments = [];

        _segments.push([[_startXIn, _startYIn], [0, 0], [ _kin * _startdx, _kin * _startdy ]]);

        for (var i = 1; i < 4; i++) {

            var _rads = i * _span / 4 + _startRads,

                _dx = - Math.sin(_rads),

                _dy = Math.cos(_rads),

                _x = Math.cos(_rads) * _inR,

                _y = Math.sin(_rads) * _inR;

            _segments.push([[_x, _y], [ - _kin * _dx, - _kin * _dy], [ _kin * _dx, _kin * _dy ]]);

        }

        _segments.push([[_endXIn, _endYIn], [ - _kin * _enddx, - _kin * _enddy ], [0,0]]);

        _segments.push([[_endXOut, _endYOut], [ 0,0 ], [ - _kout * _enddx, - _kout * _enddy ]]);

        for (var i = 3; i > 0; i--) {

            var _rads = i * _span / 4 + _startRads,

                _dx = - Math.sin(_rads),

                _dy = Math.cos(_rads),

                _x = Math.cos(_rads) * _outR,

                _y = Math.sin(_rads) * _outR;

            _segments.push([[_x, _y], [ _kout * _dx, _kout * _dy], [ - _kout * _dx, - _kout * _dy ]]);

        }

        _segments.push([[_startXOut, _startYOut], [ _kout * _startdx, _kout * _startdy ], [0, 0]]);

        _path.add.apply(_path, _segments);

        _path.fillColor = "#333333";

        _path.closed = true;

        var _grp = new paper.Group([_path]),

            _res = {

                group: _grp,

                circle: _path,

                delta: new paper.Point(0,0),

                img: _img,

                imgdelta: new paper.Point([_centerX, _centerY])

            }

        _img.onload = function() {

            var _w = _img.width,

                _h = _img.height;

            var _raster = new paper.Raster(_img);

            _raster.position = _res.imgdelta.add(_grp.position).subtract(_res.delta);

            _grp.addChild(_raster);

        }

        _img.src = _imgsrc;

        return _res

Rkns.Renderer._BaseController = function(_renderer, _element) {

Rkns.Renderer._BaseController.prototype.select = function() {}

Rkns.Renderer._BaseController.prototype.unselect = function() {}

Rkns.Renderer._BaseController.prototype.mouseup = function() {}

Rkns.Renderer._BaseController.prototype.destroy = function() {}

Rkns.Renderer.Node = Rkns.Utils.inherit(Rkns.Renderer._BaseController);

Rkns.Renderer.Node.prototype._init = function() {

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

    this.circle.fillColor = '#ffffff';

    this.circle.opacity = .9;

    this.circle.__controller = this;

    this.title = new paper.PointText([0,0]);

    this.title.characterStyle = {

    this.edit_button = new Rkns.Renderer.NodeEditButton(this._renderer, {});

    this.edit_button.node_controller = this;

    this.remove_button = new Rkns.Renderer.NodeRemoveButton(this._renderer, {});

    this.remove_button.node_controller = this;

    this.title.paragraphStyle.justification = 'center';

    this.title.__controller = this;

Rkns.Renderer.Node.prototype.redraw = function() {

    var _model_coords = new paper.Point(this._element.position);

    this.paper_coords = this._renderer.toPaperCoords(_model_coords);

    this.circle.position = this.paper_coords;

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

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

    this.circle.strokeColor = this._element.created_by.color;

    this.edit_button.moveTo(this.paper_coords);

    this.remove_button.moveTo(this.paper_coords);

Rkns.Renderer.Node.prototype.paperShift = function(_delta) {

    var _coords = this._renderer.toModelCoords(this.paper_coords.add(_delta)),

Rkns.Renderer.Node.prototype.select = function() {

    this.circle.strokeWidth = 3;

    this.edit_button.show();

    this.remove_button.show();

}

Rkns.Renderer.Node.prototype.unselect = function(_newTarget) {

    if (!_newTarget || (_newTarget !== this.edit_button && _newTarget !== this.remove_button)) {

        this.edit_button.hide();

        this.remove_button.hide();

    }

    this.circle.strokeWidth = 1;

Rkns.Renderer.Node.prototype.mouseup = function(_event) {

    if (!this._renderer.is_dragging) {

        this._renderer.removeControllersOfType("editor");

        var _editor = this._renderer.addController("NodeEditor",{});

        _editor.node_controller = this;

        _editor.redraw();

    }

}

Rkns.Renderer.Node.prototype.destroy = function(_event) {

    this.edit_button.destroy();

    this.remove_button.destroy();

    this.circle.remove();

    this.title.remove();

Rkns.Renderer.Edge = Rkns.Utils.inherit(Rkns.Renderer._BaseController);

Rkns.Renderer.Edge.prototype._init = function() {

    this.from_controller = this._element.from.__controller;

    this.line = new paper.Path();

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

    this.line.__controller = this;

    this.arrow = new paper.Path();

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

    this.arrow.__controller = this;

    this.text = new paper.PointText();

    this.text.characterStyle = {

    this.text.paragraphStyle.justification = 'center';

    this.text.__controller = this;

    this.text_angle = 0;

    this.arrow_angle = 0;

Rkns.Renderer.Edge.prototype.redraw = function() {

    var _p0 = this.from_controller.paper_coords,

        _p1 = this.to_node_controller.paper_coords,

    this.line.strokeColor = _color;

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

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

    this.arrow.rotate(_a - this.arrow_angle);

    this.arrow.fillColor = _color;

    this.arrow.position = this.edge_paper_coords;

    this.arrow_angle = _a;

    this.text.rotate(_a - this.text_angle);

    this.text.content = this._element.title;

    this.text.position = this.edge_paper_coords;

    this.text_angle = _a;

}

Rkns.Renderer.Edge.prototype.select = function() {

    this.line.strokeWidth = 3;

}

Rkns.Renderer.Edge.prototype.unselect = function(_newTarget) {

    this.line.strokeWidth = 1;

Rkns.Renderer.Edge.prototype.mouseup = function(_event) {

    if (!this._renderer.is_dragging) {

        this._renderer.removeControllersOfType("editor");

        var _editor = this._renderer.addController("EdgeEditor",{});

        _editor.edge_controller = this;

        _editor.redraw();

    }

Rkns.Renderer.Edge.prototype.paperShift = function(_delta) {

    this.from_controller.paperShift(_delta);

    this.to_node_controller.paperShift(_delta);

    this._renderer.redraw();

Rkns.Renderer.Edge.prototype.destroy = function() {

    this.line.remove();

    this.arrow.remove();

    this.text.remove();