/**

 * @author raph

 */

var gomNs = {

    minYear: -5000,

    maxYear: 2010,

    tlPixels: 960,

    tlGamma: 6,

    heatGamma: 4,

    displayedDates: [-5000,0,500,1000,1200,1400,1600,1700,1750,1800,1850,1900,1950,2010],

    mappingLibrary: 'leaflet',

}

function yearToPx(year) {

    return gomNs.tlPixels * Math.pow( ( year - gomNs.minYear ) / ( gomNs.maxYear - gomNs.minYear ), gomNs.tlGamma );

}

function pxToYear(px) {

    return gomNs.minYear + ( gomNs.maxYear - gomNs.minYear ) * Math.pow( px / gomNs.tlPixels, 1 / gomNs.tlGamma );

}

function tagInfo(_taglabel) {

    var _urlParam = { "label": _taglabel };

    $.getJSON("taginfo.php",

        _urlParam,

        function(data) {

            $("#tagsearch").val(data.requested_label).removeClass("grise");

            $("#tagcount").html(data.content_count

                + ' contenu' + (data.content_count > 1 ? 's' : '') + ' pour ce tag');

            var _html = '';

            if (data.wikipedia_url) {

                _html += '<h3><a href="'

                    + data.wikipedia_url

                    + '" target="_blank">Wikipédia: '

                    + decodeURI(data.wikipedia_url.match(/[^\/]+$/)[0]).replace("_"," ")

                    + '</a></h3>'

            }

            if (data.thumbnail) {

                _html += '<img id="img_wikipedia" src="'

                    + data.thumbnail

                    + '" />';

            }

            if (data.abstract) {

                _html += '<p>' + _(data.abstract).escape().replace(/(^.{0,240})([\s]|$)(.*)/,'$1&hellip;') + '</p>';

            }

/*            if (data.links) {

                var _lC = data.requested_label.toLowerCase();

                var _t = data.links.map(function(d) {

                    return (d.subject.toLowerCase() == _lC) ? d.object : d.subject;

                });

                _t.sort();

                _t = _(_t).uniq(true);

                _html += '<h3>Tags liés (dbpedia)</h3><ul class="content-tags">'

                    + _t.map(function(d) {

                        return '<li class="content-tag-item"><a href="#" onclick="tagInfo($(this).text()); return false;">'

                            + d

                            + '</a></li>';

                    }).join('')

                    + '</ul>';

            } */

            $("#tagdata").html(_html);

        });

    addFilter('tag', _taglabel);

    $("#showlist").removeClass("actif");

}

function addFilter(_type, _label) {

    var _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type == 'filter') {

        _curView[_type].push(_label);

        console.log(_curView[_type]);

        updateFilters();

        debouncedSaveChanges();

    }

}

function removeFilter(_type, _index) {

    var _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type == 'filter') {

        _curView[_type].splice(_index,1);

        updateFilters();

        debouncedSaveChanges();

    }

}

function getUpdates() {

    var _params = {},

        _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type == 'filter') {

        if (_curView.period && !(_curView.period[0] == gomNs.minYear && _curView.period[1] == gomNs.maxYear)) {

            _params.period = _curView.period.join(',');

        }

        if (_curView.tag.length) {

            _params.label = _curView.tag.join(',');

        }

        if (_curView.country.length) {

            _params.country = _curView.country.join(',');

        }

        $.getJSON("filter.php", _params, updateDisplay);

    }

}

var debouncedGetUpdates = _.debounce(getUpdates, 300);

function updatePeriod(_n, _val) {

    var _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type == 'filter') {

        var _int = parseInt(_val);

        if (_int != NaN) {

            if ((_n == 1 && _val >= _curView.period[0]) || (_n == 0 && _val <= _curView.period[1])) {

                _curView.period[_n] = _int;

            }

            updateFilters();

            debouncedSaveChanges();

        }

    }

}

function changeSpan(_this) {

    var _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type == 'filter') {

        if (!$(_this).children().length) {

            var _el = document.createElement('input'),

                _n = _this.id.split('_')[1];

            _el.value = _curView.period[_n];

            _el.style.width = $(_this).width() + 'px';

            $(_el).focusout(function() {

                updatePeriod(_n, this.value);

            }).keypress(function(e) {

                if (e.keyCode == 13) {

                    updatePeriod(_n, this.value);

                }

            });

            $(_this).html(_el);

            _el.focus();

            _el.select();

        }

    }

}

function updateFilters() {

    var _curView = gomNs.sessiondata.views[gomNs.sessiondata.view];

    if (_curView.type != 'filter') {

        return;

    }

    var _htmFilters = '',

        _fl = _curView.tag.length,

        _cl = _curView.country.length;

    if (!_curView.period && !_fl && !_cl) {

        _htmFilters = '<li class="nofilter">Aucun filtre</li>';

    }

    if (_curView.period) {

        _htmFilters += '<li class="filperiod">Période&nbsp;: <span class="spyr" id="sp_0" onclick="changeSpan(this);">'

            + _curView.period[0]

            + '</span> à <span class="spyr" id="sp_1" onclick="changeSpan(this);">'

            + _curView.period[1]

            + '</span></li>';

        $("#handle_0").css({

            "left" : yearToPx(_curView.period[0])+"px",

        }).attr("year", _curView.period[0])

        .find(".handleinner")

        .css({

            "margin-left" : "-20px"

        });

        $("#handle_1").css({

            "left" : yearToPx(_curView.period[1])+"px",

        }).attr("year", _curView.period[1])

        .find(".handleinner")

        .css({

            "margin-left" : "0"

        });

    }

    if (_cl) {

        _htmFilters += _(_curView.country).map(function(_t, _i) {

            return '<li class="filcountry">Pays&nbsp;: '

                + ( gomNs.countryLabels[_t] || _t )

                + '<a href="#" class="remfil" onclick="removeFilter(\'country\','

                + _i

                + '); return false;">[x]</a></li>'; 

        }).join("");

    }

    if (_fl) {

        _htmFilters += _(_curView.tag).map(function(_t, _i) {

            return '<li class="filtag">Tag&nbsp;: '

                + _t

                + '<a href="#" class="remfil" onclick="removeFilter(\'tag\','

                + _i

                + '); return false;">[x]</a></li>'; 

        }).join("");

    }

    $("#filters").html(_htmFilters);

    debouncedGetUpdates();

}

function displayContents(contentdata) {

    if (contentdata && contentdata.length) {

        var _htmlCl = '<ul id="contentlist">'

            + contentdata.map(function(_d) {

                var _html = '<li class="content-item">'

                    + ( _d.latitude != null && _d.longitude != null ?

                        + _d.latitude

                        + ','

                        + _d.longitude

                        + '&sensor=false" />'

                        : '')

                    + '<h3>'

                    + _d.title

                    + '</h3><h4><a href="'

                    + _d.url

                    + '" target="_blank">'

                    + _d.url

                    + '</a></h4><p>'

                    + _d.description.replace(/(^.{0,160})([\s]|$)(.*)/,'$1…')

                    + '</p><ul class="content-tags">'

                    + _d.tags.map(function(_t) {

                        return '<li class="content-tag-item"><a href="#" onclick="tagInfo($(this).text()); return false;"'

                            + (_t.match ? ' class="tagmatch"' : '')

                            + '>'

                            + _t.label

                            + '</a></li>';

                    }).join('')

                    + '</ul><h4>Annotations</h4><div class="content-annotation" contentid="'

                    + _d.id

                    + '">'

                    + ( gomNs.sessiondata.annotations[_d.id] && gomNs.sessiondata.annotations[_d.id].texte

                        ? '<ul><li>'

                            + _.escape(gomNs.sessiondata.annotations[_d.id].texte).replace(/\n/gm,"</li><li>")

                            + '</li>'

                        : ( gomNs.write_allowed ? '<ul><li>Annoter ce contenu...</li></ul>' : '' ) )

                    + '</div>';

                if (gomNs.write_allowed) {

                    _(gomNs.sessiondata.views).each(function(_view, _k) {

                        if (_view.type == 'list') {

                            _html += '<p><a href="#" class="addremlist" contentid="'

                                + _d.id

                                + '" viewid="'

                                + _k

                                + '">'

                                + ( _view.list.indexOf(_d.id) == -1 ? 'Ajouter à' : 'Retirer de' )

                                + ' "'

                                + _.escape(_view.name)

                                + '"</a></p>'

                        }

                    });

                }

                _html += '</li>';

                return _html;

            }).join('')

            + '</ul>';

        $("#contents").html(_htmlCl).scrollTop(0);

        $("a.addremlist").click(function() {

            var _id = $(this).attr("contentid"),

                _vid = 

                _view = gomNs.sessiondata.views[$(this).attr("viewid")],

                _io = _view.list.indexOf(_id);

            if ( _io == -1) {

                _view.list.push(_id);

                $(this).html('Retirer de "' + _.escape(_view.name) + '"' );

            } else {

                _view.list.splice(_io, 1);

                $(this).html('Ajouter à "' + _.escape(_view.name) + '"');

            }

            if (gomNs.sessiondata.view == 1) {

                showView();

            }

            debouncedSaveChanges();

            return false;

        })

        if (gomNs.write_allowed) {

            $("div.content-annotation").click(function() {

                if (this.children[0].tagName == 'UL') {

                    var _el = document.createElement('textarea'),

                        _id = $(this).attr("contentid");

                    _el.innerHTML = (gomNs.sessiondata.annotations[_id] && gomNs.sessiondata.annotations[_id].texte) ? gomNs.sessiondata.annotations[_id].texte : '';

                    $(_el).focusout(function() {

                        var _id = this.parentNode.attributes.contentid.nodeValue;

                        if (!gomNs.sessiondata.annotations[_id]) {

                            gomNs.sessiondata.annotations[_id] = {};

                        }

                        gomNs.sessiondata.annotations[_id].texte = this.value;

                        this.parentNode.innerHTML = '<ul><li>' + (this.value.length ? _.escape(gomNs.sessiondata.annotations[_id].texte).replace(/\n/gm,"</li><li>") : 'Annoter ce contenu...' ) + '</ul>';

                        debouncedSaveChanges();

                    });

                    $(this).html(_el);

                    _el.focus();

                    _el.select();

                }

            });

        }

    }

    else {

        $("#contents").html("");

    }

}

function updateDisplay(data) {

    if (gomNs.dhmPaper) {

        gomNs.dhmPaper.clear();

    } else {

        gomNs.dhmPaper = new Raphael("dateheat");

    }

    var _s = (data.count>1?'s':'');

    $("#contentcount").html('<b>'+data.count+'</b> notice'+_s);

    var _sl = data.sparkline.length;

    if (_sl) {

        var _maxheat = _(data.sparkline).max(function(_d) { return parseInt(_d.score); }).score,

            _exp = 1 / gomNs.heatGamma,

            _scale = Math.pow(_maxheat, - _exp);

        _(data.sparkline).each(function(_d, _i) {

            var _nxt = (_i == _sl - 1) ? gomNs.maxYear + 1 : data.sparkline[_i + 1].year,

                _x1 = yearToPx(_d.year),

                _x2 = yearToPx(_nxt),

                _heat = _scale * Math.pow(_d.score, _exp);

            gomNs.dhmPaper.rect(_x1, 0, _x2 - _x1, 20).attr({

                "fill" : "rgb(255, 128, 128)",

                "opacity" : _heat,

                "stroke" : "none"

            })

        });

    }

    if (gomNs.sessiondata.view == 0) {