sharksDB.Views.Selector = Backbone.View.extend({
		el : '#navSelector',

		events : {
			"click a.ddpick" : "updateCurrentState"
		},

		initialize: function (options) {
			this.options = options || {};
			this.listenTo(this.model, 'change', this.render);

			var ddTemplate = _.template($('#selectorDropdown').html());

			/* at init, create the dropdown from the data retrieved from CVS : this object is instanciated after the CVS load/parse */
			Object.keys(sharksDB.Collections.countryList).sort(function (a,b) { /* sort the country by alphabetical order on name retrieved in the countryInfoList */
				return ((sharksDB.Collections.countryInfoList[a].name < sharksDB.Collections.countryInfoList[b].name)?-1:1);})
				.forEach(function (d) {
					this.$('#countryDropdown').append(ddTemplate({type:'country', data:+d, name:sharksDB.Collections.countryInfoList[d].name}));
				});

			Object.keys(sharksDB.Collections.speciesList).sort().forEach(function(d) {
				this.$('#speciesDropdown').append(ddTemplate({type:'species', data:d, name:d}));
				});

			Object.keys(sharksDB.Collections.RFMOList).sort().forEach(function(d) {
				this.$('#RFMODropdown').append(ddTemplate({type:'rfmo', data:d, name:d}));
				});
		},

		render : function() {
			/* get sub-elements country/species/rfmo and set their content */
			this.$('#currentCountry').html((this.model.get('country')=='')?'Country':sharksDB.Collections.countryInfoList[this.model.get('country')].name);
			this.$('#currentSpecies').html((this.model.get('species')=='')?'Species':this.model.get('species'));
			this.$('#currentRFMO').html((this.model.get('rfmo')=='')?'RFMO':this.model.get('rfmo'));

			/* title reflects the selection */
			$('#displayTitle').html((this.model.get('country')!='')?sharksDB.Collections.countryInfoList[this.model.get('country')].name:((this.model.get('species')!='')?this.model.get('species'):"<a target='_blank' href='"+sharksDB.Collections.RFMOInfoList[this.model.get('rfmo')].url+"'>"+sharksDB.Collections.RFMOInfoList[this.model.get('rfmo')].name+"</a>"));
			return this;
		},

		updateCurrentState : function (e) {
			this.model.set({country: ('country' in e.target.dataset)?e.target.dataset.country:'',
					rfmo: ('rfmo' in e.target.dataset)?e.target.dataset.rfmo:'',
					species: ('species' in e.target.dataset)?e.target.dataset.species:''});
		}

});

@@ -925,32 +925,252 @@
 eciesList).sort(
+function (a,b) %7B /* sort the species by alphabetical order on english name retrieved in the speciesInfoList */%0A%09%09%09%09return ((sharksDB.Collections.speciesInfoList%5Ba%5D.EN %3C sharksDB.Collections.speciesInfoList%5Bb%5D.EN)?-1:1);%7D
 ).forEach(functi
@@ -1248,33 +1248,74 @@
 ', data:d, name:
-d
+sharksDB.Collections.speciesInfoList%5Bd%5D.EN
 %7D));%0A%09%09%09%09%7D);%0A%0A%09%09
@@ -1796,16 +1796,53 @@
 pecies':
+sharksDB.Collections.speciesInfoList%5B
 this.mod
@@ -1858,16 +1858,20 @@
 pecies')
+%5D.EN
 );%0A%09%09%09th
@@ -2157,16 +2157,53 @@
 ')!='')?
+sharksDB.Collections.speciesInfoList%5B
 this.mod
@@ -2219,16 +2219,20 @@
 pecies')
+%5D.EN
 :%22%3Ca tar

Use english common name in species selector