IriSP.Widgets.KnowledgeConcierge = function(player, config) {

    IriSP.Widgets.Widget.call(this, player, config);

};

IriSP.Widgets.KnowledgeConcierge.prototype = new IriSP.Widgets.Widget();

IriSP.Widgets.KnowledgeConcierge.prototype.defaults = {

    width: 600,

    height: 500,

    sketch_path: "tmgraph",

    sketch_files: [ "tmgraph.pde", "physics.pde", "model.pde", "javascript.pde", "menu.pde", "event.pde", "constants.pde", "initialdata.pde"],

    api_root: "/kn-concierge/",

    use_word_boundaries: false

}

IriSP.Widgets.KnowledgeConcierge.prototype.messages = {

    "fr": {

    },

    "en": {

    }

}

IriSP.Widgets.KnowledgeConcierge.prototype.template =

    '<div class="Ldt-Kc-Slider"></div><canvas class="Ldt-Kc-Canvas" />';

IriSP.Widgets.KnowledgeConcierge.prototype.draw = function() {

    this.renderTemplate();

    var _canvasHeight = this.height - 16,

        _canvasWidth = this.width - 2,

        _canvas = this.$.find(".Ldt-Kc-Canvas"),

        _tmpId = IriSP._.uniqueId("Processing-"),

        _slider = this.$.find(".Ldt-Kc-Slider");

    _canvas.attr({

        width: _canvasWidth,

        height: _canvasHeight,

        id: _tmpId

    }).css({

        width: _canvasWidth,

        height: _canvasHeight

    });

    var _this = this,

        _pjsfiles = IriSP._(this.sketch_files).map(function(_f) { return _this.sketch_path + "/" + _f }),

        _selectedText = "";

    Processing.loadSketchFromSources(_canvas[0],_pjsfiles);

    function triggerSearch(text) {

        if (_selectedText !== text) {

            //console.log("Trigger search for '" + text + "'");

            _selectedText = text;

            _this.player.trigger("search.triggeredSearch", text);

        }

    }

    function searchNodes(tags) {

        var _tlist = (_this.use_word_boundaries ? IriSP._(tags).map(function(t) { return "\\\\y" + t + "\\\\y" }) : tags),

            _q = "(?i)(" + _tlist.join("|") + ")";

        jQuery.getJSON(

            _this.api_root + "topics.jsp",

            {

                proj: _this.project_id,

                q: _q

            },

            function(data) {

                if (data && data.items && data.items.length) {

                    for (var i=0, l=data.items.length; i<l; i++) {

                        var node = data.items[i];

                        if (i == 0) {

                            _pjs.initNode(node.id, node.name, node.grp, node.uid, node.proj);

                            var node = _pjs.findNode(node.id, node.proj);

                        } else {

                            var node = _pjs.newNode(node.id, node.name, node.grp, node.uid, node.proj);

                            node.root = true;

                            node.fix();

                        }

                        _fns.countassoc(node.id, node.proj);

                        if (l > 1) {

                            node.position(Math.floor(200*Math.sin(2 * Math.PI * i / l)),Math.floor(200*Math.cos(2 * Math.PI * i / l)));

                        }

                    }

                } else {

                    console.log("No match found");

                }

            }

        );

    }

    function rootNode(id, proj) {

        jQuery.getJSON(

            _this.api_root + "topic.jsp",

            {

                id: id,

                proj: proj

            },

            function(response) {

                if (response != null && response.items.length > 0){

                    item = response.items[0];

                    _pjs.initNode(item.id, item.name, item.grp, item.uid, item.proj);

                    _fns.countassoc(item.id, item.proj);

                } else {

                    console.debug('No such topic.');

                }

        });

    }

    function bindJavascript() {

        _pjs = Processing.getInstanceById(_tmpId);

        if (_pjs && typeof _pjs.bindJavascript === "function") {

            setTimeout(function() {

                _pjs.bindJavascript(_fns);

                _pjs.setSize(_canvasWidth,_canvasHeight);

                var _edit = false,

                    _teamMode = true;

                _pjs.saveMode("en",false,_teamMode,false,"both",_edit);

                rootNode(_this.topic_id, _this.project_id);

                _canvas.click(function() {

                    triggerSearch("")

                });

                _slider.slider({

                    min: -20,

                    max: 20,

                    value: 0,

                    range: "min",

                    slide: function(event, ui) {

                        _pjs.zoom(Math.exp(ui.value / 10));

                    }

                });

            }, 1000);

        } else {

            setTimeout(bindJavascript, 1000); 

        }

    }

    var _fns = {

        adjacentnodes: function(id, proj, adj, both) {

            //console.log("Function adjacentnodes called with", arguments);

            jQuery.ajax({

                url: _this.api_root + "associations-bd.jsp",

                cache: false,

                data: {

                    id: id,

                    proj: proj,

                    both: both,

                    adj: adj

                },

                success: function(response) {

                    if (response.items.length > 0){

                        for(i = 0, end = response.items.length; i < end; i++) {

                            item = response.items[i];

                            _pjs.addEdge(item.asc_id, item.id, item.from_proj, item.to_id, item.to_proj,

                                        item.r_name, item.r_from,  item.r_to, item.uid, item.proj);

                            _pjs.setNodeName( item.id,   item.from_proj,item.name);

                            _pjs.setNodeValue(item.id,   item.from_proj,item.name,   item.grp,   item.abst,   item.from_uid);

                            if (item.from_assoc!=null) {

                                _pjs.setNodeAssoc(item.id, item.from_proj, item.from_assoc);

                            }

                            _pjs.setNodeName( item.to_id,item.to_proj,  item.to_name);

                            _pjs.setNodeValue(item.to_id,item.to_proj,  item.to_name,item.to_grp,item.to_abst,item.to_uid);

                            if (item.to_assoc!=null) {

                                _pjs.setNodeAssoc(item.to_id, item.to_proj, item.to_assoc);

                            }

                        }

                        return response;

                    } else {

                        console.debug('No such topic.');

                        return null;

                    }

                }

            });

        },

        selectnode: function(id, proj) {

            //console.log("Function selectnode called with", arguments);

            /* Originally, open dialog with info from

             * /kn-concierge/topic.jsp?id={{id}}&proj={{proj}}

             * /kn-concierge/topicContent.jsp?id={{id}}&proj={{proj}}

             */

        },

        selectedge: function(asc_id) {

            //console.log("Function selectedge called with", arguments);

            /* /kn-concierge/association.jsp?asc_id={{asc_id}}&proj={{proj}}" */

        },

        topicnode: function(id){

            //console.log("Function topicnode called with", arguments);

        },

        setscale: function(scl){

            //console.log("Function setscale called with", arguments);

            _slider.slider("value", 10*Math.log(scl));

        },

        group_shapes: function(){

            //console.log("Function group_shapes");

        },

        allbackup: function(){

        },

        allretrieve: function(){

        },

        new_topic: function(){

        },

        pedia: function() {

        },

        set_mode: function(){

        },

        countassoc: function(id, proj) {

            //console.log("Fonction countassoc called with", arguments);

            jQuery.ajax({

                url: _this.api_root + "count-assoc.jsp",

                data: {

                    id: id,

                    proj: proj

                },

                success: function(response) {

                    if (response.items.length > 0){

                        for(i = 0, end = response.items.length; i < end; i++) {

                            item = response.items[i];

                            _pjs.setNodeValue(item.id, item.proj, item.name, item.grp, item.abst);

                            if (item.assoc!=null) _pjs.setNodeAssoc(item.id, item.proj, item.assoc);

                            if (item.mass!=null) _pjs.setNodeMass( item.id, item.proj, item.mass);

                        }

                    } else {

                        console.debug('No such topic.');

                    }

                }

            });

        },

        new_relation: function() {

        },

        new_select: function(id, proj) {

            var node = _pjs.findNode(id, proj);

            triggerSearch(node.name);

            //console.log("Mouse over node named '" + node.name + "'");

        },

        startexpand: function() {

            //console.log("Function startexpand()");

        },

        endexpand: function() {

            //console.log("Function endexpand()");

        },

        username: function() {

            //console.log("Function username()");

        }

    }

    this.getWidgetAnnotations().forEach(function(annotation) {

        annotation.on("click", function() {

            var _tags = annotation.getTagTexts();

            if (_tags.length) {

                searchNodes(_tags);

            }

        });

    });

    this.source.getTags().forEach(function(tag) {

        tag.on("click", function() {

            if (tag.title) {

                searchNodes([tag.title]);

            }

        });

    });

    bindJavascript();

}