// Récupération de l'heure
var Maintenant = new Date();
var Heure = Maintenant.getHours();

//Heure = 21;

// Détection du navigateur
var ie5 = (document.all && document.getElementById && !(navigator.userAgent.toLowerCase().indexOf('opera') > -1 && document.createTextNode) && !(olNs6 && /konqueror/i.test(navigator.userAgent)) && !(navigator.userAgent.indexOf("Mac") != -1));
var ns6 = (!document.all && document.getElementById && !(navigator.userAgent.indexOf("Mac") != -1));

// Gestion des navigateurs alternatifs
// Si MSIE ou Gecko => RAS sinon pas d'affichage du calque effet + couleur dans zone cliquable du menu
var Booleen_Navigateur_Alternatif = 1;
if(ie5 || ns6)
{
	Booleen_Navigateur_Alternatif = 0;
}

// Détection d'un navigateur pour Mac =< Pas d'affichage des calques effet période
if(isMac)
	Booleen_Navigateur_Alternatif = 1;


function Chargement_Calque_Nuit()
{

	if(ie5)
	{
		// Pour le bon fonctionnement des zones cliquables du menu
		// => Ajouter une couleur de fond dans les classes sous IE
		// Pour les zones cliquables Périodes Temps
		if(document.getElementById("Lien_Menu_Periode_Temps_0"))
		{
			document.getElementById("Lien_Menu_Periode_Temps_0").style.backgroundColor="blue";
			document.getElementById("Lien_Menu_Periode_Temps_1").style.backgroundColor="blue";
		}

		// si on a 4 périodes
		if(document.getElementById("Lien_Menu_Periode_Temps_2"))
		{
			document.getElementById("Lien_Menu_Periode_Temps_2").style.backgroundColor="blue";
			document.getElementById("Lien_Menu_Periode_Temps_3").style.backgroundColor="blue";
		}

		// Pour les zones cliquables Périodes Vent
		if(document.getElementById("Lien_Menu_Periode_Vent_0"))
		{
			document.getElementById("Lien_Menu_Periode_Vent_0").style.backgroundColor="blue";
			document.getElementById("Lien_Menu_Periode_Vent_1").style.backgroundColor="blue";

			// si on a 4 périodes
			if(document.getElementById("Lien_Menu_Periode_Vent_2"))
			{
				document.getElementById("Lien_Menu_Periode_Vent_2").style.backgroundColor="blue";
				document.getElementById("Lien_Menu_Periode_Vent_3").style.backgroundColor="blue";
			}
		}

		// Si j'ai une entête alors j'ai les images temps/vent => j'active les zones cliquables sous IE
		if(document.getElementById("Id_Calque_Entete"))
		{
		// Pour les zones Temps/Vent
			document.getElementById("Id_Lien_Temps").style.backgroundColor="blue";
			document.getElementById("Id_Lien_Vent").style.backgroundColor="blue";
		}

	}

	// S'il s'agit d'un navigateur alternatif alors je n'affiche pas le calque effet nuit
	if(Booleen_Navigateur_Alternatif == 1)
	{
		document.getElementById("Calque_Nuit").className='Calque_Nuit_Alternatif';
	}
}

/* ---------------------------------------------------------------
:: Script d'affichage dynamique des calques logo et dates
//	=> Modifcation des liens Temps et Vent
//	=> Masquage du menu temps / Affichage du menu vent
//	=> Masquage des logos temps / Affichage des logos vent pour la bonne période
:: Paramètres
//	=> Nom_Calque : Nom du calque à afficher
//	=> Nom_Menu : Menu à mettre en évidence
//	=> Id_Calque_Affichage_Date : Id du calque contenant la date à afficher
//	=> Nb_Periode : Nb de périodes à gérer = f(echeance)
---------------------------------------------------------------- */
function Affiche_Calque(Nom_Calque,Nom_Menu,Id_Calque_Affichage_Date,Nb_Periode)
{
	// S'il s'agit d'un navigateur alternatif alors je n'affiche pas le calque effet nuit
	if(Booleen_Navigateur_Alternatif == 1)
	{
		document.getElementById("Calque_Nuit").style.display='none';	
	}

	Nom_Calque_Litte = "'" + Nom_Calque + "'";
	Nom_Menu_Litte = "'" + Nom_Menu + "'";
	Id_Calque_Affichage_Date_Litte = "'" + Id_Calque_Affichage_Date + "'";

	// Définition d un tableau contenant les id des différentes images du menu
	Tab_Menu_Periode = new Array("Menu_Periode_Temps_0","Menu_Periode_Temps_1","Menu_Periode_Temps_2","Menu_Periode_Temps_3");

	// Utilisation des expressions régulières
	// => Permet de connaitre le type de calque (temps ou vent) à afficher
	var Modele = new RegExp("Temps","i");

	Tempo = Modele.exec(Nom_Calque_Litte);

	// Recherche des caractères \"Temps\" dans le nom du calque
	if(Tempo != null)
	{
		// S'il n'y a que 2 périodes : Jour & Nuit => 2 calques
		if(Nb_Periode == 2)
		{
			// Définition d un tableau contenant tous les calques d'affichage des logos
			Tab_Calque = new Array("Periode_Temps_0","Periode_Temps_1");

			// Définition d un tableau contenant les id des menus
			Tab_Menu_Periode = new Array("Menu_Periode_Temps_0","Menu_Periode_Temps_1");

			// Tableau contenant les id des calques de date à afficher
			Tab_Id_Calque_Date = new Array("Id_Calque_Affichage_Date_0","Id_Calque_Affichage_Date_1");
		}
		else
		{
			// Définition d un tableau contenant tous les calques d'affichage des logos
			Tab_Calque = new Array("Periode_Temps_0","Periode_Temps_1","Periode_Temps_2","Periode_Temps_3");

			// Tableau contenant les id des calques de date à afficher
			Tab_Id_Calque_Date = new Array("Id_Calque_Affichage_Date_0","Id_Calque_Affichage_Date_1","Id_Calque_Affichage_Date_2","Id_Calque_Affichage_Date_3");
		}
	}
	else
	{
		// On remplace l'id du calque date dans le cas du vent afin d'afficher lea date sans la mention tempe
		Id_Calque_Affichage_Date_Reduit = Id_Calque_Affichage_Date.replace(/_Date_/,"_Date_Reduit_");

		Id_Calque_Affichage_Date_Litte = "'" + Id_Calque_Affichage_Date_Reduit + "'";

		// Définition d un tableau contenant les id des différentes images du menu
		Tab_Menu_Periode = new Array("Menu_Periode_Vent_0","Menu_Periode_Vent_1","Menu_Periode_Vent_2","Menu_Periode_Vent_3");
	
		// S'il n'y a que 2 périodes : Jour & Nuit => 2 calques
		if(Nb_Periode == 2)
		{
			// Définition d un tableau contenant tous les calques d'affichage des logos
			Tab_Calque = new Array("Periode_Vent_0","Periode_Vent_1");

			// Définition d un tableau contenant les id des menus
			Tab_Menu_Periode = new Array("Menu_Periode_Vent_0","Menu_Periode_Vent_1");

			// Tableau contenant les id des calques de date à afficher
			Tab_Id_Calque_Date = new Array("Id_Calque_Affichage_Date_Reduit_0","Id_Calque_Affichage_Date_Reduit_1");
		}
		else
		{
			// Définition d un tableau contenant tous les calques d'affichage des logos
			Tab_Calque = new Array("Periode_Vent_0","Periode_Vent_1","Periode_Vent_2","Periode_Vent_3");

			// Tableau contenant les id des calques de date à afficher
			Tab_Id_Calque_Date = new Array("Id_Calque_Affichage_Date_Reduit_0","Id_Calque_Affichage_Date_Reduit_1","Id_Calque_Affichage_Date_Reduit_2","Id_Calque_Affichage_Date_Reduit_3");
		}
	}

	for(i=0;i<Nb_Periode;i++)
	{
		Nom_Calque_Tempo = Tab_Calque[i];		
		Nom_Calque_Tempo_Litte = "'" + Nom_Calque_Tempo + "'";

		Nom_Menu_Periode_Tempo = Tab_Menu_Periode[i];		
		Nom_Menu_Periode_Tempo_Litte = "'" + Nom_Menu_Periode_Tempo + "'";

		Nom_Calque_Affichage_Date_Tempo = Tab_Id_Calque_Date[i];		
		Nom_Calque_Affichage_Date_Tempo_Litte = "'" + Nom_Calque_Affichage_Date_Tempo + "'";

		// On cache les calques non sélectionnés
		if(Nom_Calque_Tempo != Nom_Calque)
		{
			Display_Litte = "document.getElementById(" + Nom_Calque_Tempo_Litte + ").style.display='none';";
		}
		else
		{
			Display_Litte = "document.getElementById(" + Nom_Calque_Litte + ").style.display='';";
		}
		eval(Display_Litte);

		// On cache les calques de date non sélectionnés
		if(Nom_Calque_Affichage_Date_Tempo != Id_Calque_Affichage_Date)
		{
			Display_Affichage_Date_Litte = "document.getElementById(" + Nom_Calque_Affichage_Date_Tempo_Litte + ").style.display='none';";
		}
		else
		{
			Display_Affichage_Date_Litte = "document.getElementById(" + Id_Calque_Affichage_Date_Litte + ").style.display='';";
		}
		eval(Display_Affichage_Date_Litte);

		// Recherche des caractères \"Temps\" dans le nom du calque
		if(Tempo == null)
		{
			// On cache les calques de date non sélectionnés
			if(Nom_Calque_Affichage_Date_Tempo != Id_Calque_Affichage_Date_Reduit)
			{
				Display_Affichage_Date_Litte = "document.getElementById(" + Nom_Calque_Affichage_Date_Tempo_Litte + ").style.display='none';";
			}
			else
			{
				Display_Affichage_Date_Litte = "document.getElementById(" + Id_Calque_Affichage_Date_Litte + ").style.display='';";
			}
			eval(Display_Affichage_Date_Litte);
		}

		// On change la couleur de fond de l élément du menu sur lequel on passe 
		if(Nom_Menu_Periode_Tempo != Nom_Menu)
		{
			Display_Litte_Menu = "document.getElementById(" + Nom_Menu_Periode_Tempo_Litte + ").style.display='none';";
		}
		else
		{
			Display_Litte_Menu = "document.getElementById(" + Nom_Menu_Periode_Tempo_Litte + ").style.display='';";
		}

		eval(Display_Litte_Menu);
	}


	// Modification de la couleur et de l'opacité du calque effet jour en fonction de la période visualisée
	if(Nom_Menu == "Menu_Periode_Temps_0" || Nom_Menu == "Menu_Periode_Vent_0")
	{
		// Pour 2 périodes : indice 1 correspond à la nuit
		if(Nb_Periode == 2)
		{
			// Modification de l'opacité
			document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
			document.getElementById("Calque_Nuit").style.MozOpacity = 0;
		}
		else
		{
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#ff0000';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;
		}
	}
	if(Nom_Menu == "Menu_Periode_Temps_1" || Nom_Menu == "Menu_Periode_Vent_1")
	{
		// Pour 2 périodes : indice 1 correspond à la nuit
		if(Nb_Periode == 2)
		{
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#000020';

			// Modification de l'opacité
			document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=15)";
			document.getElementById("Calque_Nuit").style.MozOpacity = 0.15;
		}
		else
		{
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#fff';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0;
		}
	}
	if(Nom_Menu == "Menu_Periode_Temps_2" || Nom_Menu == "Menu_Periode_Vent_2")
	{
		// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
		document.getElementById("Calque_Nuit").style.backgroundColor='#000050';

		// Modification de l'opacité
		if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
		if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;
	}	
	else if(Nom_Menu == "Menu_Periode_Temps_3" || Nom_Menu == "Menu_Periode_Vent_3")
	{
		// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
		document.getElementById("Calque_Nuit").style.backgroundColor='#000020';

		// Modification de l'opacité
		document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=15)";
		document.getElementById("Calque_Nuit").style.MozOpacity = 0.15;
	}

}

/* ---------------------------------------------------------------
:: Traitements associés à la visualisation des données vent
//	=> Modifcation des liens Temps et Vent
//	=> Masquage du menu temps / Affichage du menu vent
//	=> Masquage des logos temps / Affichage des logos vent pour la bonne période
:: Paramètre
//	=> Nb_Periode : 2/4 => Nombre de périodes à gérer selon l'échéance
---------------------------------------------------------------- */
// Traitements associés à la visualisation des données vent
function Affichage_Vent(Nb_Periode,Echeance)
{
	// Activation et désactivation des liens Temps & Vents
	if(ie5) 
	{
		document.links('Id_Lien_Vent').href='#';
		Maj_Lien_Litte = "document.links('Id_Lien_Temps').href='javascript:Affichage_Temps(" + Nb_Periode + "," +Echeance + ")'";		
		eval(Maj_Lien_Litte);

		Lien_Legende = document.links('Id_Lien_Legende').href;

		Lien_Legende = Lien_Legende.replace(/type=temps/,"type=vent");

		// Modification du lien de légende = Indication du type
		document.links('Id_Lien_Legende').href = Lien_Legende;
	}
	//if(ns6)
	else
	{
		document.links["Id_Lien_Vent"].href = "#";
		Maj_Lien_Litte = "document.links['Id_Lien_Temps'].href = 'javascript:Affichage_Temps(" + Nb_Periode + "," +Echeance + ")'";
		eval(Maj_Lien_Litte);

		Lien_Legende = document.links["Id_Lien_Legende"].href;

		Lien_Legende = Lien_Legende.replace(/type=temps/,"type=vent");

		document.links["Id_Lien_Legende"].href =Lien_Legende ;
	}

	// Masquage & affichage des éléments du menu et logos temps
	for(i=0;i<Nb_Periode;i++)
	{
		indice = i;
		
		// Masquage des logos temps
		Masquage_Nom_Calque_Temps = 'document.getElementById("Periode_Temps_' + indice + '").style.display="none"';

		eval(Masquage_Nom_Calque_Temps);

		// Masquage des liens du menu temps
		if(ie5) 
		{
			Masquage_Lien_Temps_Litte = "document.links('Lien_Menu_Periode_Temps_" + indice + "').style.display='none'";		
		}
		//if(ns6)
		else
		{
			Masquage_Lien_Temps_Litte = "document.links['Lien_Menu_Periode_Temps_" + indice + "'].style.display='none'";
		}
//alert(Masquage_Lien_Temps_Litte);

		eval(Masquage_Lien_Temps_Litte);

		// Affichage du menu vent
		if(ie5) 
		{
			Affichage_Lien_Vent_Litte = "document.links('Lien_Menu_Periode_Vent_" + indice + "').style.display=''";		
		}
		//if(ns6)
		else
		{
			Affichage_Lien_Vent_Litte = "document.links['Lien_Menu_Periode_Vent_" + indice + "'].style.display=''";
		}

		eval(Affichage_Lien_Vent_Litte);

	}
	
	// On affiche le logo Temps/Vent ou les vent est activé
	document.getElementById('Vent_Actif').style.display='';


	// Masquage des logos Temps/Vent de type rollover
	document.getElementById('Rollover_Temps').style.display='none';
	document.getElementById('Rollover_Vent').style.display='none';
	
	
	// Pour 4 périodes => découpage : 06h00/12h00 | 12h00/18h00 | 18h00/00h00 | 00h00/06h00
	if(Nb_Periode == 4)
	{
		// Si echeance > 0 => Affichage du calque matin par défaut
		if(Echeance > 0)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Vent_0").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_1").style.display='none';
			document.getElementById("Menu_Periode_Temps_2").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_0").style.display='';
			
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#ff0000';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;

			// Masquage des calques date avec mentions tempe.
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";

			// On affiche le bon calque date (sans la mention tempe)
			document.getElementById("Id_Calque_Affichage_Date_Reduit_0").style.display='';

		}
		else
		{
		// Affichage du bon <span> par rapport à la période en cours	
		if(00 <= Heure && Heure< 12)
		{		
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Vent_0").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_1").style.display='none';
			document.getElementById("Menu_Periode_Temps_2").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_0").style.display='';
			
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#ff0000';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;

			// Masquage des calques date avec mentions tempe.
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";

			// On affiche le bon calque date (sans la mention tempe)
			document.getElementById("Id_Calque_Affichage_Date_Reduit_0").style.display='';

		}
		else if(12 <= Heure && Heure < 18)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Vent_1").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_0").style.display='none';
			document.getElementById("Menu_Periode_Temps_2").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_1").style.display='';

			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			//document.getElementById("Calque_Nuit").style.backgroundColor='#000050';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0;

			// Masquage des calques date
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";

			// On affiche le bon calque date (sans la mention tempe)
			document.getElementById("Id_Calque_Affichage_Date_Reduit_1").style.display='';

		}
		else if(Heure >= 18)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Vent_2").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_0").style.display='none';
			document.getElementById("Menu_Periode_Temps_1").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_2").style.display='';
				
			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#000050';

			// Modification de l'opacité
			document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;

			// Masquage des calques date
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";

			// On affiche le bon calque date (sans la mention tempe)
			document.getElementById("Id_Calque_Affichage_Date_Reduit_2").style.display='';
		}
	}
	}
	// Pour 2 périodes : 06h00/18h00 | 18h00/06h00
	else
	{
		// Affichage du calque contenant les logos vent correspondant à la période
		document.getElementById("Periode_Vent_0").style.display='';

		// Mise à jour de la période affichée dans le menu
		// Masquage
		document.getElementById("Menu_Periode_Temps_1").style.display='none';

		// Affichage
		document.getElementById("Menu_Periode_Temps_0").style.display='';

		// Masquage des calques date avec mention tempe.
		document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";

		// Affichage de la date sans mention tempe.
		document.getElementById("Id_Calque_Affichage_Date_Reduit_0").style.display='';
		
		// Modification de l'opacité
		document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
		document.getElementById("Calque_Nuit").style.MozOpacity = 0;
	}
}


/* ---------------------------------------------------------------
:: Traitements associés à la visualisation des données temps
//	=> Modifcation des liens Temps et Vent
//	=> Masquage du menu vent / Affichage du menu Temps
//	=> Masquage des logos vent / Affichage des logos temps pour la bonne période
:: Paramètre
//	=> Nb_Periode : 2/4 => Nombre de périodes à gérer selon l'échéance
---------------------------------------------------------------- */
function Affichage_Temps(Nb_Periode, Echeance)
{
	
	// Activation et désactivation des liens Temps & Vents
	if(ie5) 
	{
		document.links('Id_Lien_Temps').href='#';
		Maj_Lien_Litte = "document.links('Id_Lien_Vent').href='javascript:Affichage_Vent(" + Nb_Periode +"," +Echeance + ")'";
		eval(Maj_Lien_Litte);

		// Modification du lien de la légende pour spécifier le type de logos à afficher => temps ici
		Lien_Legende = document.links('Id_Lien_Legende').href;

		Lien_Legende = Lien_Legende.replace(/type=vent/,"type=temps");
		
		document.links('Id_Lien_Legende').href = Lien_Legende;
	}
	//if(ns6)
	else
	{
		document.links["Id_Lien_Temps"].href = "#";
		Maj_Lien_Litte = "document.links['Id_Lien_Vent'].href = 'javascript:Affichage_Vent(" + Nb_Periode + "," +Echeance + ")'";
		eval(Maj_Lien_Litte);

		Lien_Legende = document.links["Id_Lien_Legende"].href;

		Lien_Legende = Lien_Legende.replace(/type=vent/,"type=temps");

		document.links["Id_Lien_Legende"].href = Lien_Legende;
	}

	// Masquage des éléments du menu et logos vent & affichage des éléments du menu temps
	for(i=0;i<Nb_Periode;i++)
	{
		indice = i;
		
		/*// S'il n'y a que 2 périodes => Modification du nom des calques
		if(Nb_Periode == 2 && i == 1)
		{
			indice = 3;
		}*/

		// Masquage des logos vent
		Masquage_Nom_Calque_Vent = 'document.getElementById("Periode_Vent_' + indice + '").style.display="none"';

		eval(Masquage_Nom_Calque_Vent);		

		// Masquage du menu vent
		if(ie5) 
		{
			Masquage_Lien_Vent_Litte = "document.links('Lien_Menu_Periode_Vent_" + indice + "').style.display='none'";		
		}
		//if(ns6)
		else
		{
			Masquage_Lien_Vent_Litte = "document.links['Lien_Menu_Periode_Vent_" + indice + "'].style.display='none'";
		}

		// Exécution de l'action de masquage des menus vent
		eval(Masquage_Lien_Vent_Litte);

		// Affichage du menu temps
		if(ie5) 
		{
			Affichage_Lien_Temps_Litte = "document.links('Lien_Menu_Periode_Temps_" + indice + "').style.display=''";		
		}
		//if(ns6)
		else
		{
			Affichage_Lien_Temps_Litte = "document.links['Lien_Menu_Periode_Temps_" + indice + "'].style.display=''";
		}

		eval(Affichage_Lien_Temps_Litte);
	}
	// On affiche le logo Temps/Vent ou les vent est activé
	document.getElementById('Temps_Actif').style.display='';


	// Masquage des logos Temps/Vent de type rollover
	document.getElementById('Rollover_Temps').style.display='none';
	document.getElementById('Rollover_Vent').style.display='none';
	
	// Pour 4 périodes => découpage : 06h00/12h00 | 12h00/18h00 | 18h00/00h00 | 00h00/06h00
	if(Nb_Periode == 4)
	{
		// On masque les calques date du vent
		document.getElementById("Id_Calque_Affichage_Date_Reduit_0").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_Reduit_1").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_Reduit_2").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_Reduit_3").style.display="none";

	
		// Si echeance > 0 => le calque par défaut est 'matin'
		if(Echeance !=0)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Temps_0").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_1").style.display='none';
			document.getElementById("Menu_Periode_Temps_2").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_0").style.display='';

			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#ff0000';
	
			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;

			// Masquage des calques date
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
						
			// Affichage de la bonne date
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="";	
		}
		else
		{
			// Affichage du bon <span> par rapport à la période en cours	
			if(00 <= Heure && Heure< 12)
			{
				// Affichage du calque contenant les logos vent correspondant à la période
				document.getElementById("Periode_Temps_0").style.display='';

				// Mise à jour de la période affichée dans le menu
				// Masquage
				document.getElementById("Menu_Periode_Temps_1").style.display='none';
				document.getElementById("Menu_Periode_Temps_2").style.display='none';
				document.getElementById("Menu_Periode_Temps_3").style.display='none';

				// Affichage
				document.getElementById("Menu_Periode_Temps_0").style.display='';
	
				// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
				document.getElementById("Calque_Nuit").style.backgroundColor='#ff0000';
	
				// Modification de l'opacité
				if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
				if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;

				// Masquage des calques date
				document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
				document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
				document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			
				// Affichage de la bonne date
				document.getElementById("Id_Calque_Affichage_Date_0").style.display="";
			}
		else if(12 <= Heure && Heure < 18)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Temps_1").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_0").style.display='none';
			document.getElementById("Menu_Periode_Temps_2").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_1").style.display='';

			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			//document.getElementById("Calque_Nuit").style.backgroundColor='#000050';

			// Modification de l'opacité
			if(ie5) document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
			if(ns6) document.getElementById("Calque_Nuit").style.MozOpacity = 0;

			// Masquage des calques date
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			
			// Affichage de la bonne date
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="";
		}
		else if(Heure >= 18)
		{
			// Affichage du calque contenant les logos vent correspondant à la période
			document.getElementById("Periode_Temps_2").style.display='';

			// Mise à jour de la période affichée dans le menu
			// Masquage
			document.getElementById("Menu_Periode_Temps_0").style.display='none';
			document.getElementById("Menu_Periode_Temps_1").style.display='none';
			document.getElementById("Menu_Periode_Temps_3").style.display='none';

			// Affichage
			document.getElementById("Menu_Periode_Temps_2").style.display='';

			// Modification de la couleur de fond du calque effet jour (jour=>orange, nuit=>bleu)
			document.getElementById("Calque_Nuit").style.backgroundColor='#000050';

			// Modification de l'opacité
			document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=5)";
			document.getElementById("Calque_Nuit").style.MozOpacity = 0.05;	

			// Masquage des calques date
			document.getElementById("Id_Calque_Affichage_Date_0").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
			document.getElementById("Id_Calque_Affichage_Date_3").style.display="none";
			
			// Affichage de la bonne date
			document.getElementById("Id_Calque_Affichage_Date_2").style.display="";			
			}
		}
	}
	// Pour 2 périodes : 06h00/18h00 | 18h00/06h00
	else
	{

		// On masque les calques date du vent
		document.getElementById("Id_Calque_Affichage_Date_Reduit_0").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_Reduit_1").style.display="none";
		
		// Affichage du calque contenant les logos vent correspondant à la période
		document.getElementById("Periode_Temps_0").style.display='';

		// Mise à jour de la période affichée dans le menu
		// Masquage
		document.getElementById("Menu_Periode_Temps_1").style.display='none';

		// Affichage
		document.getElementById("Menu_Periode_Temps_0").style.display='';

		// Masquage / Affichage du calque date correspondant
		document.getElementById("Id_Calque_Affichage_Date_1").style.display="none";
		document.getElementById("Id_Calque_Affichage_Date_0").style.display="";

		// Modification de l'opacité
		document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=0)";
		document.getElementById("Calque_Nuit").style.MozOpacity = 0;

	}

}


/* ---------------------------------------------------------------
:: Affichage dynamique des cartes 200x200
//	=> Affichage du bon calque logos
//	=> Masquage des calques logos correspondant aux autres périodes
//	=> Modification de la couleur du calque Effet_Nuit
:: Paramètres
//	=> Id_Span : Identifiant du span contenant les données d'une période
//	=> Id_Image_Menu : Identifiant de l'image à afficher pour association période=>menu
---------------------------------------------------------------- */
function Affiche_Calque_200(Id_Span,Id_Image_Menu,Id_Cellule)
{
	// S'il s'agit d'un navigateur alternatif alors je n'affiche pas le calque effet nuit
	if(Booleen_Navigateur_Alternatif == 1)
	{
		document.getElementById("Calque_Nuit").style.display='none';	
	}

	// Tab qui contient les différents id de span
	Tab_Id_Span = new Array("Periode_Temps_0","Periode_Temps_1","Periode_Temps_2","Periode_Temps_3");

	// Tab qui contient les différents id des images du menu 
	Tab_Id_Image_Menu = new Array("Menu_Periode_200_0","Menu_Periode_200_1","Menu_Periode_200_2","Menu_Periode_200_3");

	// Tab qui contient les différentes couleurs du calque nuit
	Tab_Couleur_Calque_Nuit = new Array("#ff0000","#ffffff","#000050","#000020");
	
	// Tab qui contient les différentes opacités à appliquer au calque nuit
	Tab_Opacite_IE_Calque_Nuit = new Array("5","0","5","15");
	Tab_Opacite_Mozilla_Calque_Nuit = new Array("0.05","0","0.05","0.15");

	for(i=0;i<Tab_Id_Span.length;i++)
	{
		// On recherche le span que l'on veut afficher
		if(Id_Span == Tab_Id_Span[i])
		{
			document.getElementById(Tab_Id_Span[i]).style.display='';	// Affichage

			document.getElementById("Calque_Nuit").style.backgroundColor = Tab_Couleur_Calque_Nuit[i];	// Modification de la couleur du clque effet nuit

			// Modification de l'opacité
			document.getElementById("Calque_Nuit").style.filter = "alpha(opacity=" + Tab_Opacite_IE_Calque_Nuit[i] + ")";
			document.getElementById("Calque_Nuit").style.MozOpacity = Tab_Opacite_Mozilla_Calque_Nuit[i];
						
		}
		else
		{
			document.getElementById(Tab_Id_Span[i]).style.display='none';	// Masquage
		}
		
		// On recherche l'image du menu que l'on veut afficher
		if(Id_Image_Menu == Tab_Id_Image_Menu[i])
		{
			document.getElementById(Tab_Id_Image_Menu[i]).style.display='';
		}
		else
		{
			document.getElementById(Tab_Id_Image_Menu[i]).style.display='none';
		}

		// Si Id_Celulle != "" => Modification de sa couleur de fond
		// Utiliser dans le détail des stations par exemple
		//if(Id_Cellule != "" && Id_Cellule != undefined)
		if(Id_Cellule != "")
		{
			// Tableau qui contient le nom des différentes cellules
			Tab_Id_Cellule = new Array("Cellule_Matin","Cellule_AM","Cellule_Soiree","Cellule_Nuit");

			if(Id_Cellule == Tab_Id_Cellule[i])
				document.getElementById(Tab_Id_Cellule[i]).style.backgroundColor='#AA0000';
			else
				document.getElementById(Tab_Id_Cellule[i]).style.backgroundColor='#F0A50C';
		}
	}
}

/* ---------------------------------------------------------------
:: Effets visuels liés au passage de la souris sur les logos Temps et Vent
//	=> Masquage et affichage des différentes images correspondant aux différents états de visualisation
:: Paramètre
//	=> Nom_Element_Survolle
//	=> Flag : Fait la distinction entre l'image à afficher pour un onMouseOver et onMouseOut
---------------------------------------------------------------- */
function Rollover_Temps_Vent(Nom_Element_Survolle, Flag)
{
	// Récupération de l'id du lien correspondant à la zone
	Id_Zone_Lien = "'Id_Lien_" + Nom_Element_Survolle + "'";

	if(ie5) 
	{
		Cible_Lien_Litte = "document.links(" + Id_Zone_Lien + ").href";
	}
	//if(ns6)
	else
	{
		Cible_Lien_Litte = "document.links[" + Id_Zone_Lien + "].href";
	}
	
	Cible_Lien = eval(Cible_Lien_Litte);
	
	// Utilisation des expressions régulières
	// => Permet de savoir si un effet rollover est nécessaire ou pas
	// => Si lien de type 'javascript' alors rollover

	var Expression_Reguliere = new RegExp("#","i");

	Exec_Expression_Reguliere = Expression_Reguliere.exec(Cible_Lien);

	// Recherche des caractères "javascript" dans le nom du calque
	// Si lien de type javascript => rollover
	if(Exec_Expression_Reguliere == null)
	{
		//Evement onMouseOver
		if(Flag == 1)
		{
			// Affichage du bon logo Temps/Vent
			if(Nom_Element_Survolle == "Vent")
			{
				document.getElementById('Rollover_Vent').style.display='';			
				document.getElementById('Rollover_Temps').style.display='none';
			}
			else
			{
				document.getElementById('Rollover_Temps').style.display='';
				document.getElementById('Rollover_Vent').style.display='none';
			}

			// On masque les logos Temps/Vent
			document.getElementById('Temps_Actif').style.display='none';
			document.getElementById('Vent_Actif').style.display='none';
		}
		else
		{
			// Affichage du bon logo Temps/Vent
			if(Nom_Element_Survolle == "Vent")
			{
				document.getElementById('Temps_Actif').style.display='';			
				document.getElementById('Vent_Actif').style.display='none';
			}
			else
			{
				document.getElementById('Vent_Actif').style.display='';
				document.getElementById('Temps_Actif').style.display='none';
			}

			// On masque les logos Temps/Vent
			document.getElementById('Rollover_Vent').style.display='none';
			document.getElementById('Rollover_Temps').style.display='none';
		}
	}

}


/* ---------------------------------------------------------------
:: Traitements associés à la visualisation des données vent pour une seule période
//	=> Modifcation des liens Temps et Vent
//	=> Masquage des logos temps / Affichage des logos vent pour la bonne période
---------------------------------------------------------------- */
function Affichage_Vent_Unique()
{
	// Activation et désactivation des liens Temps & Vents
	if(ie5) 
	{
		document.links('Id_Lien_Vent').href='#';
		Maj_Lien_Litte = "document.links('Id_Lien_Temps').href='javascript:Affichage_Temps_Unique()'";		
		eval(Maj_Lien_Litte);
	}
	//if(ns6)
	else
	{
		document.links["Id_Lien_Vent"].href = "#";
		Maj_Lien_Litte = "document.links['Id_Lien_Temps'].href = 'javascript:Affichage_Temps_Unique()'";
		eval(Maj_Lien_Litte);
	}

	// On affiche le logo Temps/Vent ou les vent est activé
	document.getElementById('Vent_Actif').style.display='';

	// Masquage des logos Temps/Vent de type rollover
	document.getElementById('Rollover_Temps').style.display='none';
	document.getElementById('Rollover_Vent').style.display='none';

	// Affichage des logos vent
	document.getElementById('Periode_Vent').style.display='';

	// Masquage des logos temps
	document.getElementById('Periode_Temps').style.display='none';
}

/* ---------------------------------------------------------------
:: Traitements associés à la visualisation des données temps pour une seule période
//	=> Modification des liens Temps et Vent
//	=> Masquage des logos vent / Affichage des logos temps pour la bonne période
---------------------------------------------------------------- */
function Affichage_Temps_Unique()
{
	// Activation et désactivation des liens Temps & Vents
	if(ie5) 
	{
		document.links('Id_Lien_Temps').href='#';
		Maj_Lien_Litte = "document.links('Id_Lien_Vent').href='javascript:Affichage_Vent_Unique()'";		
		eval(Maj_Lien_Litte);
	}
	//if(ns6)
	else
	{
		document.links["Id_Lien_Temps"].href = "#";
		Maj_Lien_Litte = "document.links['Id_Lien_Vent'].href = 'javascript:Affichage_Vent_Unique()'";
		eval(Maj_Lien_Litte);
	}

	// On affiche le logo Temps/Vent ou les vent est activé
	document.getElementById('Temps_Actif').style.display='';

	// Masquage des logos Temps/Vent de type rollover
	document.getElementById('Rollover_Temps').style.display='none';
	document.getElementById('Rollover_Vent').style.display='none';

	// Affichage des logos temps
	document.getElementById('Periode_Temps').style.display='';

	// Masquage des logos vent
	document.getElementById('Periode_Vent').style.display='none';
}