/**

 * @author raph

 */

str_format = function() {

	var s = arguments[0];

	for (var i = 0; i < arguments.length - 1; i++) {       

		var reg = new RegExp("\\{" + i + "\\}", "gm");             

		s = s.replace(reg, arguments[i + 1]);

	}

	return s;

}

var gomNs = {

    minYear: -5000,

    maxYear: 2010,

    tlPixels: 960,

    tlGamma: 6,

    heatGamma: 2,

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

    mappingLibrary: 'leaflet',

    gradientStart: [ 252, 246, 210 ],

    zeroColor: [ 220, 220 ,220 ],

    languageCode: 'fr'

}

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 getGradient(_pos) {

    if (_pos == 0) {

        var _rgb = gomNs.zeroColor;

    } else {

        var _rgb = [],

            _exp = Math.pow(_pos, 1/gomNs.heatGamma);

        for (var i=0; i<3; i++) {

            _rgb.push(Math.floor(_exp*gomNs.gradientEnd[i] + (1-_exp)*gomNs.gradientStart[i]));

        }

    }

    return "rgb(" + _rgb.join(",") + ")";

}

function polygon_to_gmap(polycoords, dbpedia_uri) {

    var _opts =  {

        strokeColor: "#000000",

        strokeWeight: .5,

        fillColor: "rgb(" + gomNs.zeroColor.join(",") + ")",

        fillOpacity: 1

    }

    _opts.paths = polycoords.map(function(path) {

        return path.map(function(coord) {

            return new google.maps.LatLng(coord[1], coord[0]);

        });

    });

    var _polygon = new google.maps.Polygon(_opts);

    _polygon.setMap(gomNs.map);

    google.maps.event.addListener(_polygon, 'click', function(a,b) {

        addFilter('country', dbpedia_uri);

    })

    return _polygon;

}

function showCountriesGmap(geoJson) {

    gomNs.countries = {};

    _(geoJson.features).each(function(feature) {

        var _el = { "properties" : feature.properties };

        if (feature.id == 'ATA') {

            _el.gPolygons = [];

        } else {

            switch(feature.geometry.type) {

                case('Polygon'):

                    _el.gPolygons = [ polygon_to_gmap(feature.geometry.coordinates, feature.properties.dbpedia_uri) ];

                break;

                case('MultiPolygon'):

                    _el.gPolygons = feature.geometry.coordinates.map(function(polygon) {

                        return polygon_to_gmap(polygon, feature.properties.dbpedia_uri);

                    })

                break;

            }

        }

        gomNs.countries[feature.properties.dbpedia_uri] = _el;

    });

}

function showCountriesLeaflet(geoJson) {

    gomNs.countries = {};

    var gJ = new L.GeoJSON();

    gJ.on('featureparse', function(_f) {

        var isocode = _f.id;

        _f.layer.setStyle({

            color: "#000000",

            weight: .5,

            fillOpacity: 1,

            fillColor: "rgb(" + gomNs.zeroColor.join(",") + ")"

        });

        _f.layer.on('click', function() {

            addFilter('country', _f.properties.dbpedia_uri);

        });

        gomNs.countries[_f.properties.dbpedia_uri] = {

            "properties" : _f.properties,

            "layer" : _f.layer

        }

    });

    gJ.addGeoJSON(geoJson);

    gomNs.map.addLayer(gJ);

}

function addFilter(_type, _label) {

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

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

    	if (_curView[_type].indexOf(_label) < 0) {

        	_curView[_type].push(_label);

    	}

        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[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 = decodeURIComponent(_curView.country.join(','));

        }

        $.getJSON(gomNs.urls['filter'], _params, updateDisplay);

        animLoad();

    }

}

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 removePeriod() {

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

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

        _curView.period[0] = gomNs.minYear;

        _curView.period[1] = gomNs.maxYear;

        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(initial) {

    if(typeof initial==="undefined"){

        initial = false;

    }

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

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

        return;

    }

    // Prepare renkan link

    var url_renkan = $("#renkan-link").attr("href");

    url_renkan = ((url_renkan.lastIndexOf("?")>=0) ? (url_renkan.substr(0, url_renkan.lastIndexOf("?"))) : url_renkan) + "?";

    // Filter

    var _htmFilters = '',

        _fl = _curView.tag.length,

        _cl = _curView.country.length;

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

        _htmFilters += '<li class="filperiod">'+gettext("Toutes periodes")+'</li>';

    } else {

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

            + _curView.period[0]

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

            + _curView.period[1]

            + '</span><a href="#" class="remfil" onclick="removePeriod(); return false;">[x]</a></li>';

        url_renkan += "period=" + _curView.period[0] + "," + _curView.period[1]

    }

    $("#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) {

        url_renkan += "&country=";

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

            // dbpedia uri for renkan url

            url_renkan += "," + ( (typeof gomNs.countries == "object" && typeof gomNs.countries[_t] == "object") ? _t : decodeURIComponent(_t.match('[^/]+$')[0]).replace('_',' '));

            // label for interface

            var country_label = ( (typeof gomNs.countries == "object" && typeof gomNs.countries[_t] == "object") ? gomNs.countries[_t].properties.labels[gomNs.languageCode] : decodeURIComponent(_t.match('[^/]+$')[0]).replace('_',' '));

            return '<li class="filcountry">'+gettext('Pays&nbsp;:')+' '

                + country_label

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

                + _i

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

        }).join("");

    }

    if (_fl) {

        url_renkan += "&label=";

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

            url_renkan += "," + _t;

            return '<li class="filtag">'+gettext('Tag&nbsp;:')+' '

                + '<span class="filtag_label">'+_t+'</span>'

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

                + _i

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

        }).join("");

    }

    $("#renkan-link").attr("href",url_renkan);

    if(!initial){

        history.replaceState(null, null, url_renkan.substr(url_renkan.lastIndexOf("?")));

    }

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

    debouncedGetUpdates();

}

function displayContents(contentdata) {

    if (contentdata && contentdata.length) {

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

            + contentdata.map(function(_d) {

                var _dsurl = gomNs.urls.datasheet.replace(/ID$/,_d.hda_id);

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

                    + _dsurl

                    + '">'

                    + _d.title

                    + '</a>&nbsp;<a class="mind-map-icon" href="' + gomNs.urls.renkan + '?notice=' + _d.hda_id + '" target="_blank">placeholder</a></h3>'

                    + ( typeof _d.coords == "object" ?

                        '<div class="maplet"><img src="http://maps.googleapis.com/maps/api/staticmap?center=47,1.5&zoom=4&size=160x160&maptype=roadmap&markers=color:red%7C'

                        + _d.coords.latitude

                        + ','

                        + _d.coords.longitude

                        + '&sensor=false" /><h4>'

                        + gettext('Localisation :')

                        + ' '

                        + _d.coords.city_name

                        + '</h4></div>'

                        : '')

                    + '<h4><a href="'

                    + _d.url

                    + '" target="_blank">'

                    + _d.url.replace(/(^.{40}).+(.{30}$)/m,'$1 … $2')

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

                    + _dsurl

                    + '">'

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

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

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

                        return '<li class="content-tag-item"><a href="#" onclick="addFilter(\'tag\', this.getAttribute(\'original-label\')); return false;" original-label="'

                            + _t.label

                            + '"'

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

                            + '>'

                            + _t.translated_label

                            + '</a>'

                            + '&nbsp;<a class="mind-map-icon-white" href="' + gomNs.urls.renkan + '?label=' + _t.label + '" target="_blank">placeholder</a></h3>'

                            + '</li>';

                    }).join('')