/* 

 *  Copyright 2012 Institut de recherche et d'innovation 

 *  contributor(s) : Yves-Marie Haussonne, Raphael Velt, Samuel Huron

 *   

 *  contact@iri.centrepompidou.fr

 *  http://www.iri.centrepompidou.fr 

 *   

 *  This software is a computer program whose purpose is to show and add annotations on a video .

 *  This software is governed by the CeCILL-C license under French law and

 *  abiding by the rules of distribution of free software. You can  use, 

 *  modify and/ or redistribute the software under the terms of the CeCILL-C

 *  license as circulated by CEA, CNRS and INRIA at the following URL

 *  "http://www.cecill.info". 

 *  

 *  The fact that you are presently reading this means that you have had

 *  knowledge of the CeCILL-C license and that you accept its terms.

*/

if (typeof Rkns !== "object") {

    Rkns = {}

}

Rkns.$ = jQuery;

Rkns._ = _;

Rkns.i18n = {

    en: {

        zoom_in: "Zoom In",

        zoom_out: "Zoom Out"

    }

}

Rkns.Utils = {

    inherit : function(_baseClass) {

        var _class = function() {

            _baseClass.apply(this, Array.prototype.slice.call(arguments, 0));

            if (typeof this._init == "function") {

                this._init.apply(this, Array.prototype.slice.call(arguments, 0));

            }

        }

        _class.prototype = new _baseClass();

        return _class;

    }

}

Rkns.Models = {};

Rkns.Models.getUID = function(obj) {

    var guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {

        var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);

        return v.toString(16);

    });

    return obj.type + "-" + guid; 

};

Rkns.Models.RenkanModel = Backbone.RelationalModel.extend({

    idAttribute : "_id",

    constructor: function(options) {

        if (typeof options !== "undefined") {

            options._id = options.id || Rkns.Models.getUID(this);

            options.title = options.title || "(untitled " + this.type + ")";

            options.description = options.description || "";

            options.uri = options.uri || "";

            if(typeof this.prepare === "function") {

                options = this.prepare(options);

            }

        }

        Backbone.RelationalModel.prototype.constructor.call(this, options);

    },

    validate: function() {

        if(!this.type) {

            return "object has no type";

        }

    },

    addReference : function(_options, _propName, _list, _id, _default) {

        var _element = _list.get(_id);

        if (typeof _element === "undefined" && typeof _default !== "undefined") {

            _options[_propName ] = _default;

        }

        else {

            _options[_propName ] = _element;

        }

    }

});

// USER

Rkns.Models.User = Rkns.Models.RenkanModel.extend({

    type: "user",

    prepare: function(options) {

        options.color = options.color || "#666666";

        return options;

    },

    toJSON: function() {

        return {

            id: this.get("id"),

            title: this.get("title"),

            uri: this.get("uri"),

            description: this.get("description"),

            color: this.get("color"),

        }

    },

});

// NODE

Rkns.Models.Node = Rkns.Models.RenkanModel.extend({

    type: "node",

    relations: [{

        type: Backbone.HasOne,

        key: "created_by",

        relatedModel: Rkns.Models.User

    }],

    prepare: function(options) {

        project = options.project;

        this.addReference(options, "created_by", project.get("users"), options.created_by, project.current_user);

        options.description = options.description || "";

        return options;

    },

    toJSON: function() {

        return {

            id: this.get("id"),

            title: this.get("title"),

            uri: this.get("uri"),

            description: this.get("description"),

            position: this.get("position"),

            created_by: this.get("created_by").get("id")

        }

    },

});

// EDGE

Rkns.Models.Edge = Rkns.Models.RenkanModel.extend({

    type: "edge",

    relations: [

      {

        type: Backbone.HasOne,

        key: "created_by",

        relatedModel: Rkns.Models.User

      },

      {

        type: Backbone.HasOne,

        key: "from",

        relatedModel: Rkns.Models.Node

      },

      {

        type: Backbone.HasOne,

        key: "to",

        relatedModel: Rkns.Models.Node

      },

    ],

    prepare: function(options) {

        project = options.project;

        this.addReference(options, "created_by", project.get("users"), options.created_by, project.current_user);

        this.addReference(options, "from", project.get("nodes"), options.from);

        this.addReference(options, "to", project.get("nodes"), options.to);

        return options;

    },

    toJSON: function() {

        return {

            id: this.get("id"),

            title: this.get("title"),

            uri: this.get("uri"),

            description: this.get("description"),

            from: this.get("from").get("id"),

            to: this.get("to").get("id"),

            created_by: this.get("created_by").get("id"),

        }

    },

});

// PROJECT

Rkns.Models.Project = Rkns.Models.RenkanModel.extend({

    type: "project",

    relations: [

      {

        type: Backbone.HasMany,

        key: "users",

        relatedModel: Rkns.Models.User,

        reverseRelation: {

            key: 'project',

            includeInJSON: '_id'

        },

      },

      {

        type: Backbone.HasMany,

        key: "nodes",

        relatedModel: Rkns.Models.Node,

        reverseRelation: {

            key: 'project',

            includeInJSON: '_id'

        },

      },

      {

        type: Backbone.HasMany,

        key: "edges",

        relatedModel: Rkns.Models.Edge,

        reverseRelation: {

            key: 'project',

            includeInJSON: '_id'

        },

      }

    ],

    addUser: function(_props) {

        _props.project = this;

        var _user = new Rkns.Models.User(_props);

        this.get("users").push(_user);

        return _user;

    },

    addNode: function(_props) {

        _props.project = this;

        var _node = new Rkns.Models.Node(_props);

        this.get("nodes").push(_node);

        return _node;

    },

    addEdge: function(_props) {

        _props.project = this;

        var _edge = new Rkns.Models.Edge(_props);

        this.get("edges").push(_edge);

        return _edge;

    },

    removeNode: function(_model) {

        this.get("nodes").remove(_model);

    },

    removeEdge: function(_model) {

        this.get("edges").remove(_model);

    },

    validate: function(options) {

        var _project = this;

        Rkns._(options.users).each(function(_item) {

            _item.project = _project;

        });

        Rkns._(options.nodes).each(function(_item) {

            _item.project = _project;

        });

        Rkns._(options.edges).each(function(_item) {

            _item.project = _project;

        });

    },

    // Add event handler to remove edges when a node is removed

    initialize: function() {

        var _this = this;

        this.on("remove:nodes", function(_node) {

            _this.get("edges").remove(

                _this.get("edges").filter(function(_edge) {

                    return _edge.get("from") == _node || _edge.get("to") == _node;

                })

            );

        });

    }

});

/* Point of entry */

Rkns.Renkan = function(_opts) {

    if (typeof _opts.language !== "string" || typeof Rkns.i18n[_opts.language] == "undefined") {

        _opts.language = "en";

    }

    if (typeof _opts.container !== "string") {

        _opts.container = "renkan";

    }

    if (typeof _opts.search !== "object" || !_opts.search) {

        _opts.search = [];

    }

    this.project = new Rkns.Models.Project();

    this.l10n = Rkns.i18n[_opts.language];

    this.$ = Rkns.$("#" + _opts.container);

    this.$.html(this.template());

    this.renderer = new Rkns.Renderer.Scene(this);

}

Rkns.Renkan.prototype.template = Rkns._.template(

    '<div class="Rk-Render Rk-Render-Full"></div>'

);

Rkns.jsonImport = function(_renkan, _opts) {

    var _proj = _renkan.project;

    if (typeof _opts.http_method == "undefined") {

        _opts.http_method = 'PUT';

    }

    var _load = function() {

        Rkns.$.getJSON(_opts.url, function(_data) {

            _proj.set(_data);

            _renkan.renderer.autoScale();

        });

    }

    _load();

}

Rkns.Renderer = {

    _MARGIN_X: 80,

    _MARGIN_Y: 50,

    _MIN_DRAG_DISTANCE: 2,

    _NODE_RADIUS: 15,

    _NODE_FONT_SIZE: 10,

    _EDGE_FONT_SIZE: 9,

    _NODE_MAX_CHAR: 30,

    _EDGE_MAX_CHAR: 20,

    _ARROW_LENGTH: 16,

    _ARROW_WIDTH: 8,

    _TOOLTIP_ARROW_LENGTH : 15,

    _TOOLTIP_ARROW_WIDTH : 26,

    _TOOLTIP_MARGIN : 10,

    _TOOLTIP_PADDING : 8,

    _TOOLTIP_GRADIENT : new paper.Gradient(['#f0f0f0', '#d0d0d0'])

}

Rkns.Renderer.Utils = {

    shortenText : function(_text,_length) {

        var _rgxp = new RegExp('^(.{' + _length + '}).+$');

        return _text.replace(/(\n|\r|\r\n)/mg,' ').replace(_rgxp,'$1…');

    },

    drawTooltip : function(_coords, _path, _width, _xmargin, _selector) {

        _selector.css({

            width: (_width - 2* Rkns.Renderer._TOOLTIP_PADDING),

        });

        var _height = _selector.outerHeight() + 2* Rkns.Renderer._TOOLTIP_PADDING,

            _isLeft = (_coords.x < paper.view.center.x ? 1 : -1),

            _left = _coords.x + _isLeft * ( _xmargin + Rkns.Renderer._TOOLTIP_ARROW_LENGTH ),

            _right = _coords.x + _isLeft * ( _xmargin + Rkns.Renderer._TOOLTIP_ARROW_LENGTH + _width ),

            _top = _coords.y - _height / 2;

        if (_top < Rkns.Renderer._TOOLTIP_MARGIN) {

            _top = Math.min( Rkns.Renderer._TOOLTIP_MARGIN, _coords.y - Rkns.Renderer._TOOLTIP_ARROW_WIDTH / 2 );

        }

        var _bottom = _top + _height;

        if (_bottom > (paper.view.size.height - Rkns.Renderer._TOOLTIP_MARGIN)) {

            _bottom = Math.max( paper.view.size.height - Rkns.Renderer._TOOLTIP_MARGIN, _coords.y + Rkns.Renderer._TOOLTIP_ARROW_WIDTH / 2 );

            _top = _bottom - _height;

        }

        _path.segments[0].point

            = _path.segments[7].point

            = _coords.add([_isLeft * _xmargin, 0]);

        _path.segments[1].point.x

            = _path.segments[2].point.x

            = _path.segments[5].point.x

            = _path.segments[6].point.x

            = _left;

        _path.segments[3].point.x

            = _path.segments[4].point.x

            = _right;

        _path.segments[2].point.y

            = _path.segments[3].point.y

            = _top;

        _path.segments[4].point.y