// JavaScript Document
// Gestion de la barre de navigation principale

// NB "const" semble ne pas fonctionner sous IE v6 ?

// Couleur des items 
var couleur_base = "#666666";

// Couleur des items survolés par la souris
var couleur_survol = "#e5b2b2";

// Couleur de l'item courant
var couleur_actif = "#ffffff";

// Police des items
var police = "Palatino Linotype, Times New Roman, Georgia, serif";
var taille_police = "20px";

// Tableau des items
var table_items = new Array("genèse","chemin","spectacles","contact","©2011","accueil","liens");

// Tableau des fichiers HTML correspondants aux items
var table_fichiers = new Array("Genese.html","Lucile.html","Spectacles.html","Contact.html","Mentions.html","../index.html","Liens.html");

// Tableau des identificateurs CSS des balises A
var table_id = new Array();

// Nombre d'items
var nb_items = table_items.length;

// Chaines pour déterminer l'item courant
var chaine_vide = new String("");
var chemin_fichier = new Array();

chemin_fichier = (chaine_vide.concat(window.document.location)).split('/');

// Debug
// document.writeln('<p id="debug">ABCD'+chemin_fichier+'</p>');

for (var i=0; i<nb_items; i++){
	// Ecriture des balises A dans le document
	// Format: <a id="id_libelle0" href="accueil.html">Accueil </a>
	document.writeln('<a id="id_libelle'+i+'" href="'+table_fichiers[i]+'">'+table_items[i]+' </a>');
	
	// Initialisation de la table des Id des balises A
	table_id[i] = document.getElementById("id_libelle"+i);
	
	// Positionnement des propriétés CSS communes :
	table_id[i].style.position = "absolute";
	table_id[i].style.textDecoration = "none";
	table_id[i].style.fontFamily = police;
	table_id[i].style.fontSize = taille_police;
	table_id[i].style.fontStyle = "normal";
	table_id[i].style.fontWeight = "normal";
	table_id[i].style.color = couleur_base;
}

// Positionnement des propriétés CSS spécifiques :

table_id[0].style.left = "50px";
table_id[0].style.top = "40px";

table_id[1].style.left = "133px";
table_id[1].style.top = "40px";

table_id[2].style.left = "222px";
table_id[2].style.top = "40px";

table_id[3].style.left = "332px";
table_id[3].style.top = "40px";

table_id[4].style.left = "797px";
table_id[4].style.top = "635px";
table_id[4].style.fontSize = "small";

table_id[5].style.left = "845px";
table_id[5].style.top = "635px";
table_id[5].style.fontSize = "small";

table_id[6].style.left = "899px";
table_id[6].style.top = "635px";
table_id[6].style.fontSize = "small";

// Positionnement des propriétés de survol et de position courante

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

	if (chemin_fichier[chemin_fichier.length-1] == table_fichiers[i]) {
		// L'item de la page courante est marqué et ne doit pas réagir pas au passage de la souris
		//table_id[i].style.fontWeight = "bold";
		table_id[i].style.color = couleur_actif;
		
	} else {
		// L'item d'une page différente de la page courante change de couleur au passage de la souris
		table_id[i].onmouseout = function() { this.style.color = couleur_base; };
		table_id[i].onmouseover = function() { this.style.color = couleur_survol; };
	}
}