// JavaScript Document

/**
 * @fileOverview Contient les fonctions nécessaires au fonctionnement de l'interface MOBILE de l'application de prévision des vagues PREViMer.org.
 * La partie PHP de ce fichier génère les listes de sélection (zones, geoIDs, données) dans le code des fonctions javascript avec les messages de la langue choisie
 * @author <a href="mailto:cedric@webla.fr">Cédric ALBRECHT @ WeBla.fr</a>
 */

//initialisation de l'horodatage pour Courbe et spectre (avec GeoID)
var today = new Date();
today.setHours(1,0,0,0);
var msecCourbe = today.getTime();
//initialisation de l'horodatage
var msec = new Date().getTime();
var unJour = 1000 * 60 * 60 * 24; // Nombre de millisecondes pour un jour
var aujourdhui = Math.floor(msec / unJour); // nb de jours depuis le 1er janvier 1970
var oldMsec = msec;
var divAreaEnCours = 'divArea1';
var modelEnCours = '';
var donneeEnCours = 'hs';
var typVisuEnCours = 'map';
var navEnCours = 3;
var flagSelectChanged = false;
var geoID = '-1';

var langue = 'fr';

// Activation désactivation du mode debug/offline
// valeurs possibles : true OU false
var debug = false;


/** Démarrage de l'application web
@param {string} model Le modèle choisi sur l'écran d'accueil */
function StartModel(model) {
	modelEnCours = model;
	BuildSelectDonnee(model);
	BuildSelectArea(model);
	DisplayArea();
	HideSelectModel();
	ShowAppli();
	HideLogo();
	ActiveBoutonCal();
}

/** Retour à l'écran d'accueil de sélection des modèles */
function BackToSelectModel() {
	// cacher l'appli
	HideAppli();
	// afficher le logo
	ShowLogo();
	// afficher les boutons de sélection des modèles
	ShowSelectModel();
}

/** Actions effectuées à chaque changement de zone dans la liste déroulante
@param {string} model Le modèle choisi sur l'écran d'accueil */
function ChangeArea(model) {
	flagSelectChanged = true;
	ShowLoading();
	if (donneeEnCours == 'hs') {
		// on affiche les boutons de choix de visualisation si on est en mode "Hauteur significative des vagues"
		document.getElementById('divTypVisu').style.visibility = 'visible';
		document.getElementById('divTypVisu').style.height = 'auto';
		if (typVisuEnCours != 'map') {
			// on affiche le select des geoIDs si on est en mode autre que carte
			ShowSelectGeoid();
		}
	}
	DisplayArea();
}

/** Affichage de l'image Previmer.org en fonction des modèle, zone et geoID choisis */
function DisplayArea() {
	var geoIDsrc = '';
	var debugMsec = msec;
	var areaSelected = document.formarea.choixarea.value;
	if (areaSelected == '-1') {
		// Aucune zone sélectionnée
		document.getElementById(divAreaEnCours).innerHTML = '<div id="instructionsImg"><img src="images/instructions.png" width="395" height="576" /></div><div id="instructionsTxt">Sélectionnez une carte dans la liste<br /><br />Naviguez en touchant la carte<br /><br /><br /><br />Zoomez pour voir plus de détails</div>';
	} else {
		if (geoID != '-1') {
			geoIDurl = '/geoid/'+geoID;
			if (typVisuEnCours == 'temporal') {
				debugMsec = msecCourbe;
				var src = 'http://marc.ifremer.fr/services/getResult/theme/vagues/appli/'+modelEnCours+'/var/'+donneeEnCours+'/type/'+typVisuEnCours+'/date/'+msecCourbe+'/area/'+areaSelected+geoIDurl+'/lang/'+langue;
				var areaHtml = '<img src="'+src+'" width="748" height="576" />';
			} else {
				// spectrum
				var src = 'http://marc.ifremer.fr/services/getResult/theme/vagues/appli/'+modelEnCours+'/var/'+donneeEnCours+'/type/'+typVisuEnCours+'/date/'+msec+'/area/'+areaSelected+geoIDurl+'/lang/'+langue;
				var areaHtml = '<img src="'+src+'" usemap="#navMap" width="748" height="576" border="0" />';
			}
		} else {
			// map
			var src = 'http://marc.ifremer.fr/services/getResult/theme/vagues/appli/'+modelEnCours+'/var/'+donneeEnCours+'/type/'+typVisuEnCours+'/date/'+msec+'/area/'+areaSelected+'/lang/'+langue;
			var areaHtml = '<img src="'+src+'" usemap="#navMap" width="748" height="576" border="0" />';
		}
		// Mode debug/offline : affichage des variables à la place de l'image
		if (debug == true) {
			var debugDateObj = new Date(debugMsec);
			var debugDate = debugDateObj.getDate() + '/' + (debugDateObj.getMonth() + 1) + '/' + debugDateObj.getFullYear() + ' - ' + debugDateObj.getHours() + ':' + debugDateObj.getMinutes();
			areaHtml = '<div id="divDebug"><h2>Debug/Offline mode</h2>langue : '+langue+'<br>appli : '+modelEnCours+'<br>var : '+donneeEnCours+'<br>type : '+typVisuEnCours+'<br>date (ms) : '+debugMsec+'<br>date : '+debugDate+'<br>area : '+areaSelected+'<br>geoid : '+geoID+'<br><a href="'+src+'" target="_blank">URL demand&eacute;e</a></div>';
		}
		// Affichage de l'image
		document.getElementById(divAreaEnCours).innerHTML = areaHtml;
	}
	// Focus en haut de page pour voir la nouvelle carte qui charge
	window.location.href = "#";
}

/** Actions à effectuer à chaque changement de geoID dans la liste */
function ChangeGeoid() {
	flagSelectChanged = true;
	geoID = document.formarea.choixgeoid.value;
	DisplayArea();
}

/** Permute les calques d'affichage des résultats en laissant apparaitre l'animation de chargement (calque divLoading dont le zIndex = 11) */
function ChangeDivArea() {
	if (divAreaEnCours == 'divArea1') {
		document.getElementById('divArea1').style.zIndex = '10';
		document.getElementById('divArea2').style.zIndex = '12';
		divAreaEnCours = 'divArea2';
	} else {
		document.getElementById('divArea2').style.zIndex = '10';
		document.getElementById('divArea1').style.zIndex = '12';
		divAreaEnCours = 'divArea1';
	}
}

/** Change l'heure de l'image demandée au webservice getResult
@param {string} signe Indique si l'ajout ou la suppression d'heures à l'heure en cours, prend les valeurs ('plus', 'moins') */
function ChangeHeures(signe) {
	var already = false;
	if (signe == 'moins') {
		if (msec - (navEnCours * 3600000) == oldMsec) {
			already = true;
		}
		oldMsec = msec;
		msec -= (navEnCours * 3600000); // -3/-24 heures en millisecondes
	} else { /* 'plus' */
		if (msec + (navEnCours * 3600000) == oldMsec) {
			already = true;
		}
		oldMsec = msec;
		msec += (navEnCours * 3600000); // +3/+24 heures en millisecondes
	}
	ChangeDivArea();
	if (already == false || flagSelectChanged == true) {
		DisplayArea();
	}
	flagSelectChanged = false;
	ActiveBoutonCal();
}

/** Activation/désactivation de la fonction zoom des navigateurs mobiles
@deprecated Gestion du zoom non utilisée mais gardée au cas ou ça pose problème sur certains mobiles
@param {string} lockornot Indique s'il faut bloquer ou débloquer le zoom, prend les valeur ('lock', 'unlock') */
function Zoom(lockornot) {
	if (lockornot == 'unlock') {
		// Débloquage du zoom
		document.getElementsByName("viewport").item(0).setAttribute("content", "width = 748, user-scalable = yes");
		// Changement d'apparence des boutons
		document.getElementById('divZoom').innerHTML = '<table class="tabBouton"><tr><td onclick="javascript:Zoom(\'lock\');" class="bouton"><img src="images/zoom_lock_off.png" alt="" /></td><td onclick="javascript:Zoom(\'unlock\');" class="bouton boutonON"><img src="images/zoom_unlock_on.png" alt="" /></td></tr></table>';
	} else {
		// Changement d'apparence du bouton sélectionné
		document.getElementsByName("viewport").item(0).setAttribute("content", "width = 748, user-scalable = no");
		// Changement d'apparence du bouton sélectionné
		document.getElementById('divZoom').innerHTML = '<table class="tabBouton"><tr><td onclick="javascript:Zoom(\'lock\');" class="bouton boutonON"><img src="images/zoom_lock_on.png" alt="" /></td><td onclick="javascript:Zoom(\'unlock\');" class="bouton"><img src="images/zoom_unlock_off.png" alt="" /></td></tr></table>';
	}
}

/** Actions lors du changement du type de données à afficher
@param {string} donnee Type de données/variable PREViMer */
function ChangeDonnee(donnee) {
	flagSelectChanged = true;
	donneeEnCours = donnee;
	if (donnee == 'hs') {
		// on affiche les boutons de choix de visualisation si une zone est sélectionnée
		if (document.formarea.choixarea.value != "-1") {
			document.getElementById('divTypVisu').style.visibility = 'visible';
			document.getElementById('divTypVisu').style.height = 'auto';
			if (typVisuEnCours != 'map') {
				// on affiche le select des geoIDs si on est en mode autre que carte
				ShowSelectGeoid();
			}
		}
	} else {
		ChangeTypVisu('map');
		document.getElementById('divTypVisu').style.visibility = 'hidden';
		document.getElementById('divTypVisu').style.height = '0px';
	}
	DisplayArea();
}

/** Actions lors du changement du type de visualisation
@param {string} typvisu Type de visualisation Previmer, prend les valeurs ('map', 'temporal', 'spectrum')  */
function ChangeTypVisu(typvisu) {
	flagSelectChanged = true;
	typVisuEnCours = typvisu;
	// Changement d'apparence du bouton sélectionné
	switch (typvisu){
		case 'map':
			document.getElementById('boutonCarte').className = 'bouton boutonON';
			document.getElementById('boutonCourb').className = 'bouton';
			document.getElementById('boutonSpect').className = 'bouton';
			HideSelectGeoid();
			geoID = '-1';
			break;
		case 'temporal':
			document.getElementById('boutonCarte').className = 'bouton';
			document.getElementById('boutonCourb').className = 'bouton boutonON';
			document.getElementById('boutonSpect').className = 'bouton';
			ShowSelectGeoid();
			break;
		case 'spectrum':
			document.getElementById('boutonCarte').className = 'bouton';
			document.getElementById('boutonCourb').className = 'bouton';
			document.getElementById('boutonSpect').className = 'bouton boutonON';
			ShowSelectGeoid();
			break;
		default : alert("Type de visualisation '"+typVisuEnCours+"' non reconnu par PREViMer");
	}
	DisplayArea();
}

/** Actions lors du changement de mode de navigation +/-3h ou +/-24h
@param {string} troisOu24h Nombre d'heures à ajouter ou soustraire lors de la navigation, prend les valeurs (3, 24) */
function ChangeNavigation(troisOu24h) {
	navEnCours = troisOu24h;
	// Changement d'apparence du bouton sélectionné
	switch (troisOu24h){
		case '3':
			document.getElementById('bouton3h').className = 'bouton boutonON';
			document.getElementById('bouton24h').className = 'bouton';
			break;
		case '24':
			document.getElementById('bouton3h').className = 'bouton';
			document.getElementById('bouton24h').className = 'bouton boutonON';
			break;
		default : alert("Navigation +/-'"+navEnCours+"' non prévu dans PREViPhone");
	}
}

/** Construction de la liste Html des zones en fonction d'un modèle
@param {string} model Le modèle choisi sur l'écran d'accueil */
function BuildSelectArea(model) {
	switch (model){
		case 'shom-med':
var selectHtml = '<select name="choixarea" onchange="javascript:ChangeArea(\'shom-med\');"><option value="-1">Sélectionnez une zone...</option><option value="med">Mer Méditerranée</option><option value="med-ouest">Mer Méditerranée Ouest</option><option value="menor">Mer Méditerranée Nord-Ouest</option><option value="cabo-fos">Du Cabo à Fos-sur-Mer (zone 7008)</option><option value="7665">Du Cap Negre au Cap Cerbère (zone 7665)</option><option value="6843">Du Cabo Creus à Port-Barcarès (zone 6843)</option><option value="6844">De Port-Barcarès à l&apos;embouchure de l&apos;Aude (zone 6844)</option><option value="7054">De l&apos;embouchure de l&apos;Aude à Sète (zone 7054)</option><option value="7053">De Sète à la Pointe de l&apos;Espiguette (zone 7053)</option><option value="6693">De Saintes-Maries-de-la-Mer à Port-Saint-Louis-du-Rhône (zone 6693)</option><option value="6767_2">De Fos-sur-Mer à Marseille (zone 6767)</option><option value="7406_2">De Marseille à Toulon (zone 7406)</option><option value="fos-capo-mele">De Fos-sur-Mer à Capo Mele (zone 6951)</option><option value="6767">De Fos-sur-Mer à Marseille (zone 6767)</option><option value="7406">De Marseille à Toulon (zone 7406)</option><option value="7407">De Toulon à Cavalaire-sur-Mer - Iles d&apos;Hyères (zone 7407)</option><option value="7408">De Cavalaire-sur-Mer à la Rade d&apos;Agay (zone 7408)</option><option value="7409">De la Rade d&apos;Agay à Monaco (zone 7409)</option><option value="7443">Du Cap Ferrat à Capo San Lorenzo (zone 7443)</option><option value="nice-piombino">De Nice à Piombino (zone 7229)</option><option value="corse">Ile de Corse (zone 7025)</option></select>';
break;

case 'demonstrateur-1':
var selectHtml = '<select name="choixarea" onchange="javascript:ChangeArea(\'demonstrateur-1\');"><option value="-1">Sélectionnez une zone...</option><option value="7066">De l&apos;île Vierge à la Pointe de Penmarc&apos;h - Abords de Brest (zone 7066)</option><option value="7149">Du Goulet de Brest à Portsall - Ile d&apos;Ouessant (zone 7149)</option><option value="7148">Du Goulet de Brest à la Chaussée de Sein (zone 7148)</option><option value="7147">De la Chaussée de Sein à la Pointe de Penmarc&apos;h - Baie d&apos;Audierne (zone 7147)</option><option value="7400">Rade de Brest (zone 7400)</option><option value="7121">Baie de Douarnenez (zone 7121)</option><option value="7150">De Portsall à l&apos;Anse de Kernic (zone 7150)</option></select>';
break;

case 'shom-ultramarins':
var selectHtml = '<select name="choixarea" onchange="javascript:ChangeArea(\'shom-ultramarins\');"><option value="-1">Sélectionnez une zone...</option><option value="global">Monde</option><option value="madagascar">Nord-est Madagascar</option><option value="reunion">La Réunion</option><option value="saintpaul">Saint-Paul</option><option value="saintleu">Saint-Leu</option><option value="saintpierre">Saint-Pierre</option><option value="volcan">Volcan</option><option value="saintbenoit">Saint-Benoît</option><option value="saintdenis">Saint-Denis</option><option value="nouvellecaledonie">Nouvelle-Calédonie</option><option value="polynesie">Polynésie</option><option value="antilles">Est Antilles</option><option value="7630">Nord Petites Antilles (zone 7630) </option><option value="7631">Centre Petites Antilles (zone 7631)</option></select>';
break;

case 'shom-atlnord':
var selectHtml = '<select name="choixarea" onchange="javascript:ChangeArea(\'shom-atlnord\');"><option value="-1">Sélectionnez une zone...</option><option value="ano">Atlantique Nord</option><option value="norgas">Atlantique Nord Est</option><option value="7209">Manche est (zone 7209)</option><option value="gascogne">Manche-Golfe de Gascogne</option><option value="7312">Manche (zone 7312)</option><option value="7311">Manche ouest (zone 7311)</option><option value="7076">Bretagne (zone 7076)</option><option value="6990">Nord Golfe de Gascogne (zone 6990)</option><option value="6991">Sud Golfe de Gascogne (zone 6991)</option><option value="6735">Pas de Calais - De Boulogne-sur-Mer à Zeebrugge- Estuaire de la Tamise (zone 6735)</option><option value="7424">Pas de Calais - De Calais à Dunkerque et de Dover à North Foreland (zone 7424)</option><option value="7323">Pas de Calais - De Boulogne-sur-Mer à Calais et de Dungeness à Dover (zone 7323)</option><option value="6824">Du Cap d&apos;Antifer au Cap Gris-Nez - De Newhaven à Dover (zone 6824)</option><option value="7416">Abords Sud de Boulogne-sur-Mer - Du Tréport à Boulogne-sur-Mer (zone 7416)</option><option value="7417">Abords de Fécamp et de Dieppe - Du Cap d&apos;Antifer à Dieppe (zone 7417)</option><option value="6857">Du Cap de la Hague à Fécamp - Baie de Seine (zone 6857)</option><option value="7418">Abords du Havre et d&apos;Antifer - Embouchure de la Seine - De Ouistreham au Cap d&apos;Antifer (zone 7418)</option><option value="7421">De la Pointe de La Percée à Ouistreham (zone 7421)</option><option value="7422">De la Pointe de Barfleur à La Pointe de La Percée - Iles Saint-Marcouf (zone 7422)</option><option value="7120_2">Abords de Cherbourg - Du Cap de La Hague à la Pointe de Barfleur (zone 7120)</option><option value="6966">Des Héaux-de-Bréhat au Cap Lévi (zone 6966)</option><option value="7120">Abords de Cherbourg - Du Cap de La Hague à la Pointe de Barfleur (zone 7120)</option><option value="7161">Des îles Chausey à Jersey - Plateau des Minquiers (zone 7161)</option><option value="7160">De Jersey à Guernsey (zone 7160)</option><option value="7159">De Guernsey, Herm et Sark à Alderney - Bancs des Casquets (zone 7159)</option><option value="7158">Du Cap de Carteret au Cap de la Hague - Raz Blanchard (zone 7158)</option><option value="7157">De la Pointe d&apos;Agon au Cap de Carteret - Passage de la Déroute (zone 7157)</option><option value="7156">De la Pointe du Grouin à la Pointe d&apos;Agon - Baie du Mont-Saint-Michel - Iles Chausey (zone 7156)</option><option value="7155">Du Cap Fréhel à la Pointe du Grouin - Approches de Saint-Malo (zone 7155)</option><option value="7154_2">De l&apos;île de Bréhat au Cap Fréhel - Baie de Saint-Brieuc (zone 7154)</option><option value="7153_2">De l&apos;île de Bréhat au Plateau des Roches Douvres (zone 7153)</option><option value="6930">Des Roches de Portsall au Plateau des Roches Douvres (zone 6930)</option><option value="7154">De l&apos;île de Bréhat au Cap Fréhel - Baie de Saint-Brieuc (zone 7154)</option><option value="7153">De l&apos;île de Bréhat au Plateau des Roches Douvres (zone 7153)</option><option value="7152">De l&apos;Ile Grande à l&apos;Ile de Bréhat (zone 7152)</option><option value="7151">De l&apos;anse de Kernic à l&apos;île Grande (zone 7151)</option><option value="7150_2">De Portsall à l&apos;Anse de Kernic (zone 7150)</option><option value="6680">De l&apos;île d&apos;Ouessant à l&apos;île de Batz (zone 6680)</option><option value="7150_3">De Portsall à l&apos;Anse de Kernic (zone 7150)</option><option value="7149_2">Du Goulet de Brest à Portsall - Ile d&apos;Ouessant (zone 7149)</option><option value="7400_2">Rade de Brest (zone 7400)</option><option value="7066">De l&apos;île Vierge à la Pointe de Penmarc&apos;h - Abords de Brest (zone 7066)</option><option value="7149">Du Goulet de Brest à Portsall - Ile d&apos;Ouessant (zone 7149)</option><option value="7148">Du Goulet de Brest à la Chaussée de Sein (zone 7148)</option><option value="7147">De la Chaussée de Sein à la Pointe de Penmarc&apos;h - Baie d&apos;Audierne (zone 7147)</option><option value="7400">Rade de Brest (zone 7400)</option><option value="7121">Baie de Douarnenez (zone 7121)</option><option value="7150">De Portsall à l&apos;Anse de Kernic (zone 7150)</option><option value="7067">De la Chaussée de Sein à Belle-Ile (zone 7067)</option><option value="7146">De la Pointe de Penmarc&apos;h à la Pointe de Trévignon (zone 7146)</option><option value="7031_2">De l&apos;île de Penfret au Plateau des Birvideaux - Abords de Lorient (zone 7031)</option><option value="7032_2">De l&apos;île de Groix à Belle-Ile - Abords de Lorient (zone 7032)</option><option value="7068">De la presqu&apos;île de Quiberon aux Sables-d&apos;Olonne (zone 7068)</option><option value="7031">De l&apos;île de Penfret au Plateau des Birvideaux - Abords de Lorient (zone 7031)</option><option value="7032">De l&apos;île de Groix à Belle-Ile - Abords de Lorient (zone 7032)</option><option value="7033">De Quiberon au Croisic (zone 7033)</option><option value="7395">Du Croisic à Noirmoutier - Estuaire de la Loire (zone 7395)</option><option value="7394_2">De la Pointe de Saint-Gildas au Goulet de Fromentine - Baie de Bourgneuf (zone 7394)</option><option value="7402_2">De Saint-Jean-de-Monts aux Sables-d&apos;Olonne (zone 7402)</option><option value="7069">De l&apos;île d&apos;Yeu à la Pointe de la Coubre - Plateau de Rochebonne (zone 7069)</option><option value="7394">De la Pointe de Saint-Gildas au Goulet de Fromentine - Baie de Bourgneuf (zone 7394)</option><option value="7402">De Saint-Jean-de-Monts aux Sables-d&apos;Olonne (zone 7402)</option><option value="7403">Des Sables d&apos;Olonne à l&apos;île de Ré (zone 7403)</option><option value="7404">De la Pointe du Grouin du Cou à la Pointe de Chassiron - Pertuis Breton et d&apos;Antioche (zone 7404)</option><option value="7405_2">De La Rochelle à la Pointe de La Coubre - Ile d&apos;Oléron (zone 7405)</option><option value="7426_2">De la Pointe de la Coubre à la Pointe de la Négade - Embouchure de La Gironde (zone 7426)</option><option value="7070">De l&apos;île d&apos;Oléron au Bassin d&apos;Arcachon (zone 7070)</option><option value="7405">De La Rochelle à la Pointe de La Coubre - Ile d&apos;Oléron (zone 7405)</option><option value="7426">De la Pointe de la Coubre à la Pointe de la Négade - Embouchure de La Gironde (zone 7426)</option><option value="6766">Bassin d&apos;Arcachon (zone 6766)</option><option value="6786">De Biscarrosse à San Sebastian (zone 6786)</option><option value="7440">De Vieux Boucau à la Baie de Fontarabie (zone 7440)</option><option value="g1">Landes et Pays Basque</option><option value="g2">De Hendaye à Hossegor</option><option value="g3">Anglet - Biarritz</option><option value="g4">Bidart - Guethary</option><option value="g5">Saint-Jean-de-Luz</option><option value="g6">Baie d&apos;Hendaye</option></select>';
break;

		default : alert("Erreur : modèle '"+model+"' non reconnu");
	}
	document.getElementById('divSelectsAreas').innerHTML = selectHtml;
}

/** Construction de la liste Html des geoIDs en fonction d'une zone sélectionnée
@param {string} model Le modèle choisi sur l'écran d'accueil
@param {string} donnee Type de données/variable Previmer
@param {string} typvisu Type de visualisation Previmer, prend les valeurs ('map', 'temporal', 'spectrum')  */
function BuildSelectGeoid(model, donnee, typevisu) {
	var areaSelected = document.formarea.choixarea.value;
	if (areaSelected != '-1') {
		var listeId = model+donnee+typevisu+areaSelected;
		switch (listeId){
			case 'shom-medhsspectrummed':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option>';
break;

case 'shom-medhsspectrummed-ouest':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61005">Bouée Cap Corse (61005)</option><option value="61197">Bouée Mahón (61197)</option><option value="61280">Bouée Tarragone (61280)</option><option value="61281">Bouée Valence (61281)</option><option value="61430">Bouée Dragonera (61430)</option>';
break;

case 'shom-medhsspectrummenor':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61005">Bouée Cap Corse (61005)</option><option value="61187">Bouée Nice (61187)</option><option value="61188">Bouée Banyuls (61188)</option><option value="61190">Bouée Sète (61190)</option><option value="61191">Bouée Leucate (61191)</option><option value="61196">Bouée Begur (61196)</option><option value="61197">Bouée Mahón (61197)</option><option value="61294">Bouée La Revellata (61294)</option><option value="61295">Bouée Alistro (61295)</option><option value="61431">Bouée Espiguette (61431)</option><option value="agde">Agde</option><option value="sud-var">Sud Var</option>';
break;

case 'shom-medhsspectrumcabo-fos':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61002">Bouée Golfe du lion (61002)</option><option value="61188">Bouée Banyuls (61188)</option><option value="61190">Bouée Sète (61190)</option><option value="61191">Bouée Leucate (61191)</option><option value="61196">Bouée Begur (61196)</option><option value="61431">Bouée Espiguette (61431)</option><option value="agde">Agde</option>';
break;

case 'shom-medhsspectrumfos-capo-mele':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61187">Bouée Nice (61187)</option><option value="sud-var">Sud Var</option>';
break;

case 'shom-medhsspectrumnice-piombino':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61005">Bouée Cap Corse (61005)</option>';
break;

case 'shom-medhsspectrumcorse':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61005">Bouée Cap Corse (61005)</option><option value="61294">Bouée La Revellata (61294)</option><option value="61295">Bouée Alistro (61295)</option>';
break;

case 'shom-medhsspectrum6843':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61188">Bouée Banyuls (61188)</option>';
break;

case 'shom-medhsspectrum6844':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61191">Bouée Leucate (61191)</option>';
break;

case 'shom-medhsspectrum7054':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61190">Bouée Sète (61190)</option><option value="agde">Agde</option>';
break;

case 'shom-medhsspectrum7053':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61431">Bouée Espiguette (61431)</option><option value="61190">Bouée Sète (61190)</option>';
break;

case 'shom-medhsspectrum7407':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61004">Bouée Porquerolles (61004)</option>';
break;

case 'shom-medhsspectrum7409':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61187">Bouée Nice (61187)</option>';
break;

case 'shom-medhstemporalmed':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option>';
break;

case 'shom-medhstemporalmed-ouest':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option><option value="61289">Bouée Le Planier (61289)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61005">Bouée Cap Corse (61005)</option><option value="61197">Bouée Mahón (61197)</option><option value="61280">Bouée Tarragone (61280)</option><option value="61281">Bouée Valence (61281)</option><option value="61430">Bouée Dragonera (61430)</option>';
break;

case 'shom-medhstemporalmenor':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61002">Bouée Golfe du lion (61002)</option><option value="61289">Bouée Le Planier (61289)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61005">Bouée Cap Corse (61005)</option><option value="61187">Bouée Nice (61187)</option><option value="61188">Bouée Banyuls (61188)</option><option value="61190">Bouée Sète (61190)</option><option value="61191">Bouée Leucate (61191)</option><option value="61196">Bouée Begur (61196)</option><option value="61197">Bouée Mahón (61197)</option><option value="61294">Bouée La Revellata (61294)</option><option value="61295">Bouée Alistro (61295)</option><option value="61431">Bouée Espiguette (61431)</option><option value="agde">Agde</option><option value="sud-var">Sud Var</option>';
break;

case 'shom-medhstemporalcabo-fos':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61002">Bouée Golfe du lion (61002)</option><option value="61289">Bouée Le Planier (61289)</option><option value="61188">Bouée Banyuls (61188)</option><option value="61190">Bouée Sète (61190)</option><option value="61191">Bouée Leucate (61191)</option><option value="61196">Bouée Begur (61196)</option><option value="61431">Bouée Espiguette (61431)</option><option value="agde">Agde</option>';
break;

case 'shom-medhstemporalfos-capo-mele':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61289">Bouée Le Planier (61289)</option><option value="61004">Bouée Porquerolles (61004)</option><option value="61187">Bouée Nice (61187)</option><option value="almanarre">Almanarre</option><option value="cavalaire">Cavalaire</option><option value="cavaliere">Cavalière</option><option value="le-lavandou">Le Lavandou</option><option value="porquerolles">Porquerolles</option><option value="sud-var">Sud Var</option><option value="var">Synthèse des spots</option>';
break;

case 'shom-medhstemporalnice-piombino':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61001">Bouée côte d&apos;Azur(61001)</option><option value="61005">Bouée Cap Corse (61005)</option>';
break;

case 'shom-medhstemporalcorse':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61005">Bouée Cap Corse (61005)</option><option value="61294">Bouée La Revellata (61294)</option><option value="61295">Bouée Alistro (61295)</option>';
break;

case 'shom-medhstemporal6843':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61188">Bouée Banyuls (61188)</option>';
break;

case 'shom-medhstemporal6844':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61191">Bouée Leucate (61191)</option>';
break;

case 'shom-medhstemporal7054':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61190">Bouée Sète (61190)</option><option value="agde">Agde</option>';
break;

case 'shom-medhstemporal7053':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61431">Bouée Espiguette (61431)</option><option value="61190">Bouée Sète (61190)</option>';
break;

case 'shom-medhstemporal6767':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61289">Bouée Le Planier (61289)</option>';
break;

case 'shom-medhstemporal6767_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61289">Bouée Le Planier (61289)</option>';
break;

case 'shom-medhstemporal7407':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="var">Synthèse des spots</option><option value="61004">Bouée Porquerolles (61004)</option><option value="almanarre">Almanarre</option><option value="cavaliere">Cavalière</option><option value="le-lavandou">Le Lavandou</option><option value="porquerolles">Porquerolles</option>';
break;

case 'shom-medhstemporal7408':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="cavalaire">Cavalaire</option>';
break;

case 'shom-medhstemporal7409':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="61187">Bouée Nice (61187)</option>';
break;

case 'demonstrateur-1hsspectrum7066':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="audierne">Baie d Audierne</option><option value="douarnenez">Baie de Douarnenez</option><option value="helle">La Helle</option><option value="libenter">Libenter</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hsspectrum7150':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'demonstrateur-1hsspectrum7149':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="helle">La Helle</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option>';
break;

case 'demonstrateur-1hsspectrum7148':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="douarnenez">Baie de Douarnenez</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hsspectrum7147':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="audierne">Baie d Audierne</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hsspectrum7121':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="douarnenez">Baie de Douarnenez</option>';
break;

case 'demonstrateur-1hstemporal7066':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="fin">Synthèse des spots</option><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="audierne">Baie d Audierne</option><option value="douarnenez">Baie de Douarnenez</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="blancs-sablons">Blancs sablons</option><option value="helle">La Helle</option><option value="la-palud">La Palue</option><option value="le-petit-minou">Le Petit Minou</option><option value="la-torche">La Torche</option><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hstemporal7150':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'demonstrateur-1hstemporal7149':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="blancs-sablons">Blancs sablons</option><option value="helle">La Helle</option><option value="le-petit-minou">Le Petit Minou</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option>';
break;

case 'demonstrateur-1hstemporal7148':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="douarnenez">Baie de Douarnenez</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="blancs-sablons">Blancs sablons</option><option value="la-palud">La Palue</option><option value="le-petit-minou">Le Petit Minou</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hstemporal7147':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="audierne">Baie d Audierne</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="la-torche">La Torche</option><option value="sein">Raz de Sein</option>';
break;

case 'demonstrateur-1hstemporal7121':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="douarnenez">Baie de Douarnenez</option><option value="la-palud">La Palue</option>';
break;

case 'shom-ultramarinshsspectrumglobal':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41100">Bouée Antilles (41100)</option>';
break;

case 'shom-ultramarinshsspectrumantilles':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41100">Bouée Antilles (41100)</option><option value="41101">Bouée est Martinique (41101)</option>';
break;

case 'shom-ultramarinshsspectrummadagascar':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option>';
break;

case 'shom-ultramarinshsspectrumreunion':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option>';
break;

case 'shom-ultramarinshsspectrumsaintpaul':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option>';
break;

case 'shom-ultramarinshsspectrumsaintleu':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option>';
break;

case 'shom-ultramarinshstemporalglobal':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41100">Bouée Antilles (41100)</option>';
break;

case 'shom-ultramarinshstemporalantilles':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41096">Bouée Pte de la Grande Vigie (41096)</option><option value="41097">Bouée Fort-de-France (41097)</option><option value="41098">Bouée Basse-Pointe (41098)</option><option value="41099">Bouée Sainte-Lucie (41099)</option><option value="41100">Bouée Antilles (41100)</option><option value="41101">Bouée est Martinique (41101)</option><option value="41133">Bouée Pointe-à-Pitre (41133)</option>';
break;

case 'shom-ultramarinshstemporal7630':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41096">Bouée Pte de la Grande Vigie (41096)</option><option value="41133">Bouée Pointe-à-Pitre (41133)</option>';
break;

case 'shom-ultramarinshstemporal7631':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="41096">Bouée Pte de la Grande Vigie (41096)</option><option value="41097">Bouée Fort-de-France (41097)</option><option value="41098">Bouée Basse-Pointe (41098)</option><option value="41099">Bouée Sainte-Lucie (41099)</option><option value="41133">Bouée Pointe-à-Pitre (41133)</option>';
break;

case 'shom-ultramarinshstemporalmadagascar':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option>';
break;

case 'shom-ultramarinshstemporalreunion':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option><option value="saint-pierre">Saint-Pierre</option><option value="vicendo">Vicendo</option><option value="sainte-rose">Sainte-Rose</option><option value="pointe-gouffre">Pointe du Gouffre</option><option value="baie-possession">Baie de la possession</option><option value="riviere-galets">Rivière des Galets</option>';
break;

case 'shom-ultramarinshstemporalsaintpaul':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option><option value="pointe-gouffre">Pointe du Gouffre</option><option value="baie-possession">Baie de la possession</option><option value="riviere-galets">Rivière des Galets</option>';
break;

case 'shom-ultramarinshstemporalsaintleu':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-leu">Saint-Leu</option><option value="saint-pierre">Saint-Pierre</option>';
break;

case 'shom-ultramarinshstemporalsaintpierre':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="saint-pierre">Saint-Pierre</option><option value="vicendo">Vicendo</option>';
break;

case 'shom-ultramarinshstemporalvolcan':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="vicendo">Vicendo</option><option value="sainte-rose">Sainte-Rose</option>';
break;

case 'shom-ultramarinshstemporalsaintbenoit':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="sainte-rose">Sainte-Rose</option>';
break;

case 'shom-ultramarinshstemporalsaintdenis':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="pointe-gouffre">Pointe du Gouffre</option><option value="baie-possession">Baie de la possession</option><option value="riviere-galets">Rivière des Galets</option>';
break;

case 'shom-atlnordhsspectrumano':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62001">Bouée Gascogne (62001)</option><option value="62029">Bouée K1 (62029)</option>';
break;

case 'shom-atlnordhsspectrumnorgas':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62025">Bouée Peñas (62025)</option><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="62082">Bouée Bares (62082)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option><option value="62163">Bouée Brittany (62163)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="croisic1">Croisic</option><option value="d-day">D-day</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum7209':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option>';
break;

case 'shom-atlnordhsspectrumgascogne':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62025">Bouée Peñas (62025)</option><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="62082">Bouée Bares (62082)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option><option value="62163">Bouée Brittany (62163)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="croisic1">Croisic</option><option value="d-day">D-day</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum7312':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62103">Channel light vessel (62103)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhsspectrum7311':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option>';
break;

case 'shom-atlnordhsspectrum7076':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum6990':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62001">Bouée Gascogne (62001)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum6991':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhsspectrumg1':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62024">Bouée Bilbao (62024)</option><option value="62066">Bouée Anglet (62066)</option>';
break;

case 'shom-atlnordhsspectrumg2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option>';
break;

case 'shom-atlnordhsspectrum7066':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="audierne">Baie d Audierne</option><option value="douarnenez">Baie de Douarnenez</option><option value="helle">La Helle</option><option value="libenter">Libenter</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhsspectrum7150':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhsspectrum7149':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="helle">La Helle</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option>';
break;

case 'shom-atlnordhsspectrum7148':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="douarnenez">Baie de Douarnenez</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhsspectrum7147':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="audierne">Baie d Audierne</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhsspectrum7121':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="douarnenez">Baie de Douarnenez</option>';
break;

case 'shom-atlnordhsspectrum6786':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option><option value="EXMY0394">Bouée Donostia</option>';
break;

case 'shom-atlnordhsspectrum7440':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option>';
break;

case 'shom-atlnordhsspectrum7070':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62064">Bouée Cap Ferret (62064)</option>';
break;

case 'shom-atlnordhsspectrum7403':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhsspectrum7404':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhsspectrum7405':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhsspectrum7405_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhsspectrum7069':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhsspectrum7402':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhsspectrum7402_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhsspectrum7394':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhsspectrum7394_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhsspectrum7395':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62078">Bouée Plateau du Four (62078)</option><option value="croisic1">Croisic</option>';
break;

case 'shom-atlnordhsspectrum7033':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62078">Bouée Plateau du Four (62078)</option><option value="croisic1">Croisic</option>';
break;

case 'shom-atlnordhsspectrum7068':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum7032':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62074">Bouée Belle-Île (62074)</option>';
break;

case 'shom-atlnordhsspectrum7032_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62074">Bouée Belle-Île (62074)</option>';
break;

case 'shom-atlnordhsspectrum7031':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum7031_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum7067':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhsspectrum6680':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option>';
break;

case 'shom-atlnordhsspectrum6930':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62068">Bouée Roscoff (62068)</option>';
break;

case 'shom-atlnordhsspectrum7151':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62068">Bouée Roscoff (62068)</option>';
break;

case 'shom-atlnordhsspectrum7161':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhsspectrum7155':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhsspectrum7154':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhsspectrum7154_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhsspectrum6966':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhsspectrum7120':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option>';
break;

case 'shom-atlnordhsspectrum7120_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option>';
break;

case 'shom-atlnordhsspectrum7421':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhsspectrum7422':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhsspectrum7418':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62060">Bouée Antifer (62060)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option>';
break;

case 'shom-atlnordhsspectrum6857':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="d-day">D-day</option><option value="62060">Bouée Antifer (62060)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option>';
break;

case 'shom-atlnordhsspectrum6824':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62305">Greenwich Lightship (62305)</option>';
break;

case 'shom-atlnordhsspectrum7424':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62304">Bouée Sandettie (62304)</option>';
break;

case 'shom-atlnordhsspectrum7323':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62304">Bouée Sandettie (62304)</option>';
break;

case 'shom-atlnordhsspectrum6735':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62304">Bouée Sandettie (62304)</option>';
break;

case 'shom-atlnordhstemporalano':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62001">Bouée Gascogne (62001)</option><option value="62029">Bouée K1 (62029)</option>';
break;

case 'shom-atlnordhstemporalnorgas':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0281">Bouée Santander</option><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62025">Bouée Peñas (62025)</option><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62072">Bouée Vergoyer (62072)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="62075">Bouée Calais (62075)</option><option value="62079">Bouée Saint Jean de Luz (62079)</option><option value="62082">Bouée Bares (62082)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option><option value="62163">Bouée Brittany (62163)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="croisic1">Croisic</option><option value="d-day">D-day</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhstemporal7209':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62072">Bouée Vergoyer (62072)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option>';
break;

case 'shom-atlnordhstemporalgascogne':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0281">Bouée Santander</option><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62025">Bouée Peñas (62025)</option><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62072">Bouée Vergoyer (62072)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="62079">Bouée Saint Jean de Luz (62079)</option><option value="62082">Bouée Bares (62082)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option><option value="62163">Bouée Brittany (62163)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="croisic1">Croisic</option><option value="d-day">D-day</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhstemporal7312':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="62060">Bouée Antifer (62060)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62072">Bouée Vergoyer (62072)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option><option value="62075">Bouée Calais (62075)</option><option value="62103">Channel light vessel (62103)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62305">Greenwich Lightship (62305)</option><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhstemporal7311':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62059">Bouée Cherbourg (62059)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62103">Channel light vessel (62103)</option><option value="62107">Bouée Scilly (62107)</option>';
break;

case 'shom-atlnordhstemporal7076':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62077">Bouée Minquiers Nord (62077)</option><option value="62068">Bouée Roscoff (62068)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="sud-bzh">Sud-bzh</option><option value="fin">Synthèse des spots</option><option value="sbz">Synthèse des spots</option>';
break;

case 'shom-atlnordhstemporal6990':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62001">Bouée Gascogne (62001)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="oleron">Oléron</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhstemporal6991':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0281">Bouée Santander</option><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62001">Bouée Gascogne (62001)</option><option value="62024">Bouée Bilbao (62024)</option><option value="62064">Bouée Cap Ferret (62064)</option><option value="62066">Bouée Anglet (62066)</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62079">Bouée Saint Jean de Luz (62079)</option><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhstemporalg1':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="EXMY0394">Bouée Donostia</option><option value="EXMY0395">Bouée Matxitxako</option><option value="62024">Bouée Bilbao (62024)</option><option value="62066">Bouée Anglet (62066)</option><option value="62079">Bouée Saint Jean de Luz (62079)</option>';
break;

case 'shom-atlnordhstemporalg2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option><option value="62079">Bouée Saint Jean de Luz (62079)</option>';
break;

case 'shom-atlnordhstemporalg3':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option>';
break;

case 'shom-atlnordhstemporalg5':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62079">Bouée Saint Jean de Luz (62079)</option>';
break;

case 'shom-atlnordhstemporal7066':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="fin">Synthèse des spots</option><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option><option value="audierne">Baie d Audierne</option><option value="douarnenez">Baie de Douarnenez</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="blancs-sablons">Blancs sablons</option><option value="helle">La Helle</option><option value="la-palud">La Palue</option><option value="le-petit-minou">Le Petit Minou</option><option value="la-torche">La Torche</option><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhstemporal7150':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhstemporal7150_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhstemporal7150_3':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="libenter">Libenter</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhstemporal7149':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="blancs-sablons">Blancs sablons</option><option value="helle">La Helle</option><option value="le-petit-minou">Le Petit Minou</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhstemporal7149_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="blancs-sablons">Blancs sablons</option><option value="helle">La Helle</option><option value="le-petit-minou">Le Petit Minou</option><option value="skreo">Ouessant</option><option value="radebrest">Rade de Brest</option><option value="penfoul">Penfoul</option>';
break;

case 'shom-atlnordhstemporal7148':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="douarnenez">Baie de Douarnenez</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="blancs-sablons">Blancs sablons</option><option value="la-palud">La Palue</option><option value="le-petit-minou">Le Petit Minou</option><option value="radebrest">Rade de Brest</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhstemporal7147':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="audierne">Baie d Audierne</option><option value="baie-des-trepasses">Baie des Trepassés</option><option value="la-torche">La Torche</option><option value="sein">Raz de Sein</option>';
break;

case 'shom-atlnordhstemporal7121':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="douarnenez">Baie de Douarnenez</option><option value="la-palud">La Palue</option>';
break;

case 'shom-atlnordhstemporal6786':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option><option value="EXMY0394">Bouée Donostia</option>';
break;

case 'shom-atlnordhstemporal7440':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62066">Bouée Anglet (62066)</option>';
break;

case 'shom-atlnordhstemporal7070':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62064">Bouée Cap Ferret (62064)</option>';
break;

case 'shom-atlnordhstemporal7403':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhstemporal7404':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhstemporal7405':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhstemporal7405_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option>';
break;

case 'shom-atlnordhstemporal7069':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="oleron">Oléron</option><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhstemporal7402':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhstemporal7402_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhstemporal7394':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhstemporal7394_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option>';
break;

case 'shom-atlnordhstemporal7395':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62078">Bouée Plateau du Four (62078)</option><option value="croisic1">Croisic</option>';
break;

case 'shom-atlnordhstemporal7033':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62078">Bouée Plateau du Four (62078)</option><option value="croisic1">Croisic</option>';
break;

case 'shom-atlnordhstemporal7068':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62067">Bouée Ile d&apos;Yeu Nord (62067)</option><option value="62078">Bouée Plateau du Four (62078)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="croisic1">Croisic</option><option value="sud-bzh">Sud-bzh</option>';
break;

case 'shom-atlnordhstemporal7032':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62074">Bouée Belle-Île (62074)</option><option value="port-rhu">Port Rhu</option><option value="sainte-barbe">Sainte Barbe</option>';
break;

case 'shom-atlnordhstemporal7032_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62074">Bouée Belle-Île (62074)</option><option value="port-rhu">Port Rhu</option><option value="sainte-barbe">Sainte Barbe</option>';
break;

case 'shom-atlnordhstemporal7031':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="sud-bzh">Sud-bzh</option><option value="guidel">Guidel</option>';
break;

case 'shom-atlnordhstemporal7031_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="sud-bzh">Sud-bzh</option><option value="guidel">Guidel</option>';
break;

case 'shom-atlnordhstemporal7067':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62069">Bouée Pierres Noires (62069)</option><option value="62074">Bouée Belle-Île (62074)</option><option value="sud-bzh">Sud-bzh</option><option value="fin">Synthèse des spots</option><option value="sbz">Synthèse des spots</option><option value="guidel">Guidel</option><option value="port-rhu">Port Rhu</option><option value="sainte-barbe">Sainte Barbe</option>';
break;

case 'shom-atlnordhstemporal6680':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62052">Bouée Ouessant (62052)</option><option value="62069">Bouée Pierres Noires (62069)</option>';
break;

case 'shom-atlnordhstemporal6930':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62068">Bouée Roscoff (62068)</option>';
break;

case 'shom-atlnordhstemporal7151':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62068">Bouée Roscoff (62068)</option>';
break;

case 'shom-atlnordhstemporal7161':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhstemporal7155':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhstemporal7154':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhstemporal7154_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhstemporal6966':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="62077">Bouée Minquiers Nord (62077)</option>';
break;

case 'shom-atlnordhstemporal7120':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option>';
break;

case 'shom-atlnordhstemporal7120_2':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option>';
break;

case 'shom-atlnordhstemporal7421':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhstemporal7422':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="d-day">D-day</option>';
break;

case 'shom-atlnordhstemporal7418':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62060">Bouée Antifer (62060)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option>';
break;

case 'shom-atlnordhstemporal6857':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62059">Bouée Cherbourg (62059)</option><option value="d-day">D-day</option><option value="62060">Bouée Antifer (62060)</option><option value="62073">Bouée Le Havre Metzinger (62073)</option>';
break;

case 'shom-atlnordhstemporal7416':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62072">Bouée Vergoyer (62072)</option>';
break;

case 'shom-atlnordhstemporal6824':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62305">Greenwich Lightship (62305)</option><option value="62072">Bouée Vergoyer (62072)</option><option value="62075">Bouée Calais (62075)</option>';
break;

case 'shom-atlnordhstemporal7424':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62304">Bouée Sandettie (62304)</option>';
break;

case 'shom-atlnordhstemporal7323':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62072">Bouée Vergoyer (62072)</option><option value="62304">Bouée Sandettie (62304)</option>';
break;

case 'shom-atlnordhstemporal6735':
var selectHtml = '<select name="choixgeoid" onchange="javascript:ChangeGeoid();"><option value="62072">Bouée Vergoyer (62072)</option><option value="62304">Bouée Sandettie (62304)</option><option value="62075">Bouée Calais (62075)</option>';
break;

			default :
				var selectHtml = '';
		}
	}

	document.getElementById('divSelectsGeoids').innerHTML = selectHtml;
}

/** Construction de la liste Html des données disponibles pour le modèle passé an argument
@param {string} model Le modèle choisi sur l'écran d'accueil */
function BuildSelectDonnee(model) {
	switch (model){
		case 'shom-med':
var selectHtml = '<select name="choixvariable" id="choixvariable" onchange="javascript:ChangeDonnee(this.options[this.selectedIndex].value);"><option value="hs">Hauteur significative des vagues</option><option value="hs1">Houle primaire</option><option value="abr">Déplacement significatif sur le fond</option><option value="ubr">Agitation significative sur le fond</option><option value="t">Période</option></select>';
break;

case 'demonstrateur-1':
var selectHtml = '<select name="choixvariable" id="choixvariable" onchange="javascript:ChangeDonnee(this.options[this.selectedIndex].value);"><option value="hs">Hauteur significative des vagues</option><option value="hs1">Houle primaire</option><option value="abr">Déplacement significatif sur le fond</option><option value="ubr">Agitation significative sur le fond</option><option value="t">Période</option></select>';
break;

case 'shom-ultramarins':
var selectHtml = '<select name="choixvariable" id="choixvariable" onchange="javascript:ChangeDonnee(this.options[this.selectedIndex].value);"><option value="hs">Hauteur significative des vagues</option><option value="hs1">Houle primaire</option><option value="abr">Déplacement significatif sur le fond</option><option value="ubr">Agitation significative sur le fond</option><option value="t">Période</option></select>';
break;

case 'shom-atlnord':
var selectHtml = '<select name="choixvariable" id="choixvariable" onchange="javascript:ChangeDonnee(this.options[this.selectedIndex].value);"><option value="hs">Hauteur significative des vagues</option><option value="hs1">Houle primaire</option><option value="abr">Déplacement significatif sur le fond</option><option value="ubr">Agitation significative sur le fond</option><option value="t">Période</option></select>';
break;

		default : alert("Erreur : modèle '"+model+"' non reconnu");
	}

	document.getElementById('divSelectsDonnees').innerHTML = selectHtml;
	donneeEnCours = document.getElementById('choixvariable').options[0].value;
}

/** Affichage de l'animation de chargement */
function ShowLoading() {
	document.getElementById('divLoading').style.visibility = "visible";
}

/** Masquage de l'animation de chargement */
function HideLoading() {
	document.getElementById('divLoading').style.visibility = "hidden";
}

/** Affichage de la zone de résultats et des boutons d'options */
function ShowAppli() {
	document.getElementById('divAreas').style.visibility = "visible";
	document.getElementById('divAreas').style.height = "576px";
	document.getElementById('divPanels').style.visibility = "visible";
	document.getElementById('divPanels').style.height = "auto";
}

/** Masquage de la zone de résultats et des boutons d'options */
function HideAppli() {
	// vider les divArea
	document.getElementById('divArea1').innerHTML = '';
	document.getElementById('divArea2').innerHTML = '';
	HideLoading();
	// cacher les div appli et panels
	document.getElementById('divAreas').style.visibility = "hidden";
	document.getElementById('divAreas').style.height = "0px";
	document.getElementById('divPanels').style.visibility = "hidden";
	document.getElementById('divPanels').style.height = "0px";
	// cacher les boutons de type de visualisation
	document.getElementById('divTypVisu').style.visibility = 'hidden';
	document.getElementById('divTypVisu').style.height = '0px';
	// cacher le select des GeoIDs
	HideSelectGeoid();
}

/** Affichage de l'écran d'accueil de sélection des modèles */
function ShowSelectModel() {
	document.getElementById('divModels').style.visibility = "visible";
	document.getElementById('divModels').style.height = "auto";
}

/** Masquage de l'écran d'accueil de sélection des modèles */
function HideSelectModel() {
	document.getElementById('divModels').style.visibility = "hidden";
	document.getElementById('divModels').style.height = "0px";
}

/** Affichage du logo */
function ShowLogo() {
	document.getElementById('divLogo').style.display = "inherit";
}

/** Masquage du logo */
function HideLogo() {
	document.getElementById('divLogo').style.display = "none";
}

/** Affichage de la liste déroulante de choix des geoID */
function ShowSelectGeoid() {
	BuildSelectGeoid(modelEnCours, donneeEnCours, typVisuEnCours);
	document.getElementById('divSelectsGeoids').style.visibility = "visible";
	document.getElementById('divSelectsGeoids').style.height = "auto";
	geoID = document.formarea.choixgeoid.value;
	// afficher l'image du geoid selectionné ---- facultatif
	/*var areaSelected = document.formarea.choixarea.value;
	var imgGeoidSrc = 'http://marc.ifremer.fr/services/getBackground/theme/vagues/appli/'+modelEnCours+'/var/'+donneeEnCours+'/type/'+typVisuEnCours+'/w/155/h/155/lang/fr/area/'+areaSelected+'/select/'+geoID;
	var imgGeoidHtml = '<img src="'+imgGeoidSrc+'" width="155" height="155" />';
	// Affichage de l'image
	document.getElementById('divImgGeoid').innerHTML = imgGeoidHtml;*/
	// fin ------ facultatif
}

/** Masquage de la liste déroulante de choix des geoID */
function HideSelectGeoid() {
	document.getElementById('divSelectsGeoids').style.visibility = "hidden";
	document.getElementById('divSelectsGeoids').style.height = "0px";
	geoID = '-1';
}

/** Gestion de l'activation des boutons du calendrier à 6 jours lors de la navigation temporelle */
function ActiveBoutonCal() {
	var horodatage = Math.floor(msec / unJour);
	var difference = horodatage - aujourdhui;
	switch (difference) {
		case 0:
		// Si horodatage en cours = aujourd'hui alors bouton 0 actif
		document.getElementById('btncal0').className = 'bouton boutoncal boutonON';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;

		case 1:
		// Si horodatage en cours = aujourd'hui + 1 jour alors bouton 1 actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal boutonON';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;

		case 2:
		// Si horodatage en cours = aujourd'hui + 2 jours alors bouton 2 actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal boutonON';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;

		case 3:
		// Si horodatage en cours = aujourd'hui + 3 jours alors bouton 3 actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal boutonON';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;

		case 4:
		// Si horodatage en cours = aujourd'hui + 4 jours alors bouton 4 actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal boutonON';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;

		case 5:
		// Si horodatage en cours = aujourd'hui + 5 jours alors bouton 5 actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal boutonON';
		break;

		default:
		// Si horodatage en cours < aujourd'hui OU > ajourd'hui + 5 jours alors aucun bouton n'est actif
		document.getElementById('btncal0').className = 'bouton boutoncal';
		document.getElementById('btncal1').className = 'bouton boutoncal';
		document.getElementById('btncal2').className = 'bouton boutoncal';
		document.getElementById('btncal3').className = 'bouton boutoncal';
		document.getElementById('btncal4').className = 'bouton boutoncal';
		document.getElementById('btncal5').className = 'bouton boutoncal';
		break;
	}
}

/** Gestion des actions lors du clic sur un bouton du calendrier
@param {integer} msecDuBouton Date en millisecondes correspondant au bouton du calendrier qui a été sélectionné */
function ClicBoutonCal(msecDuBouton) {
	// extraire l'heure de msec
	var dateCal = new Date(msec);
	var heureMsec = dateCal.getHours();
	// changer msec avec le jour de msecDuBouton et l'heure extraite
	dateCal.setTime(msecDuBouton);
	dateCal.setHours(heureMsec,0,0,0);
	msec = dateCal.getTime();
	// Affichage de la carte et Activation du bouton du calendrier
	DisplayArea();
	ActiveBoutonCal();
}