/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
* 
*  Menu deroulant dynamique
*  Vous pouvez utiliser ce script sous reserve de conserver ce message
*/

// Configurez ces variables pour personnaliser votre menu


var nbMenu = 7; 		// Nombre de Menu (ici 4 : javascript, php, MySql et Html
var tailleMenu = 750; 		// Largeur en pixel du menu
var hauteur = 22;		// Hauteur approximative des menus une fois déroulé


var tailleCellule = tailleMenu/nbMenu;	// Ne rien modifier


var background = ""; 		// Couleur de fond de votre page
var couleurFond = ""; 		// Couleur de fond du menu
var couleurBordure = "#000000"; 	// Couleur des bordures du menu
var couleurTexte = "#000000";		// Couleur de votre texte
var couleurTexteRoller = "#FFFFFF";	// Couleur des liens lors du passage de la souris


var police = "Arial, Helvetica, sans-serif"; 	// Police du menu
var taillePolice = "11"; 		// la taille de votre texte


var image = "fleche.gif";		// Adresse ou se trouve l'image pour rentrer le menu


// Les largeurs des intitulés de rubriques
var largeurRubriques = new Array(nbMenu);
largeurRubriques = [50, 150, 80, 140, 90, 90];


// Les position des déroulants par rapport au bord
var positionCellules1 = new Array(nbMenu);
//positionCellules1 = [10, 45, 180, 300, 410, 480, 600];
positionCellules1 = [0, 40, 200, 300, 440, 530, 800];


// Tailles des cellules du déroulant
var taillesCellules2 = new Array(nbMenu);
taillesCellules2 = [160, 150, 260, 140, 150, 100, 170];


// Vos titres principaux
var valMenu = new Array(nbMenu);
valMenu[0] = 'CdF';
valMenu[1] = 'Les rapports d\'activité';
valMenu[2] = 'CdF Mag';
valMenu[3] = 'La saga du charbon';
valMenu[4] = 'L\'exhaure';
valMenu[5] = 'Les archives';
valMenu[6] = 'Historique';
//valMenu[7] = 'Disponible';
//valMenu[7] = 'Disponible';
//valMenu[8] = 'Disponible';




// Si vous rajoutez des menus, rajouter aussi une ligne par menu
// en prenant soin d'incrémenter l'indice
// exemple :
// valSsMenu[4] = new Array();
// Le faire pour valSsMenu, valSsMenuLien


var valSsMenu = new Array(nbMenu);
valSsMenu[0] = new Array();
valSsMenu[1] = new Array();
valSsMenu[2] = new Array();
valSsMenu[3] = new Array();
valSsMenu[4] = new Array();
valSsMenu[5] = new Array();
valSsMenu[6] = new Array();
valSsMenu[7] = new Array();
valSsMenu[8] = new Array();
//valSsMenu[9] = new Array();


var valSsMenuLien = new Array(nbMenu);
valSsMenuLien[0] = new Array();
valSsMenuLien[1] = new Array();
valSsMenuLien[2] = new Array();
valSsMenuLien[3] = new Array();
valSsMenuLien[4] = new Array();
valSsMenuLien[5] = new Array();
valSsMenuLien[6] = new Array();
valSsMenuLien[7] = new Array();
valSsMenuLien[8] = new Array();
//valSsMenuLien[9] = new Array();


// Les sous-titres en rapport avec les numero de titres principaux
// Suivi du lien
// Et de la cible ( _blank = nouvelle fenêtre _top = même fenetre ) 
// Mettre le nom de la frame à la place de la cible si il y en a une




// CdF
//valSsMenu[0][0] = "Le mot du Président";
//valSsMenuLien[0][0] = "dArticle.php?id_article=39&id_rubrique=13";
valSsMenu[0][0] = "Le pacte charbonnier";
valSsMenuLien[0][0] = "dArticle.php?id_rubrique=150&id_article=400";
valSsMenu[0][1] = "L'énergie charbon";
valSsMenuLien[0][1] = "dArticle.php?id_rubrique=150&id_article=769";
valSsMenu[0][2] = "Le statut du mineur";
valSsMenuLien[0][2] = "dArticle.php?id_rubrique=150&id_article=401";
valSsMenu[0][3] = "Chiffres clés";
valSsMenuLien[0][3] = "dArticle.php?id_rubrique=150&id_article=410";
valSsMenu[0][4] = "Dates clés";
valSsMenuLien[0][4] = "dArticle.php?id_rubrique=150&id_article=419";
valSsMenu[0][5] = "Statistiques charbonnières";
valSsMenuLien[0][5] = "dArticle.php?id_rubrique=150&id_article=420";
valSsMenu[0][6] = "Les métiers de la mine";
valSsMenuLien[0][6] = "dArticle.php?id_rubrique=150&id_article=411";
valSsMenu[0][7] = "Le charbon";
valSsMenuLien[0][7] = "dArticle.php?id_rubrique=150&id_article=884";


// Les rapports d'activité
valSsMenu[1][0] = "Le rapport d'activité 2005";
valSsMenuLien[1][0] = "dArticle.php?id_rubrique=187&id_article=326";
valSsMenu[1][1] = "Le rapport d'activité 2004";
valSsMenuLien[1][1] = "dArticle.php?id_rubrique=187&id_article=960";
valSsMenu[1][2] = "Le rapport d'activité 2003";
valSsMenuLien[1][2] = "dArticle.php?id_rubrique=187&id_article=961";


// CdF MAG
valSsMenu[2][0] = "CdF Mag - Novembre - Décembre 2007 - n° 189";
valSsMenuLien[2][0] = "dArticle.php?id_rubrique=189&id_article=974";
valSsMenu[2][1] = "CdF Mag - Juin - Juillet 2007 - n° 188";
valSsMenuLien[2][1] = "dArticle.php?id_rubrique=189&id_article=951";
valSsMenu[2][2] = "CdF Mag - Mars - Avril 2007 - n° 187";
valSsMenuLien[2][2] = "dArticle.php?id_rubrique=189&id_article=930";
valSsMenu[2][3] = "CdF Mag - Janvier - Février 2007 - n° 186";
valSsMenuLien[2][3] = "dArticle.php?id_rubrique=189&id_article=920";
valSsMenu[2][4] = "CdF Mag - Novembre - Décembre 2006 - n° 185";
valSsMenuLien[2][4] = "dArticle.php?id_rubrique=189&id_article=909";
valSsMenu[2][5] = "CdF Mag - Septembre - Octobre 2006 - n° 184";
valSsMenuLien[2][5] = "dArticle.php?id_rubrique=189&id_article=893";
valSsMenu[2][6] = "CdF Mag - Juillet - Août 2006 - n° 183";
valSsMenuLien[2][6] = "dArticle.php?id_rubrique=189&id_article=874";
valSsMenu[2][7] = "CdF Mag - Mai - Juin 2006 - n° 182";
valSsMenuLien[2][7] = "dArticle.php?id_rubrique=189&id_article=866";
valSsMenu[2][8] = "CdF Mag - Janvier - Février 2006 - n° 181";
valSsMenuLien[2][8] = "dArticle.php?id_rubrique=189&id_article=848";
valSsMenu[2][9] = "CdF Mag - Novembre - Décembre 2005 - n° 180";
valSsMenuLien[2][9] = "dArticle.php?id_rubrique=189&id_article=797";
valSsMenu[2][10] = "CdF Mag - Septembre - Octobre 2005 - n° 179";
valSsMenuLien[2][10] = "dArticle.php?id_rubrique=189&id_article=796";
valSsMenu[2][11] = "CdF Mag - Juillet - Août 2005 - n° 178";
valSsMenuLien[2][11] = "dArticle.php?id_rubrique=189&id_article=760";
valSsMenu[2][12] = "CdF Mag - Mai - Juin 2005 - n° 177";
valSsMenuLien[2][12] = "dArticle.php?id_rubrique=189&id_article=730";
valSsMenu[2][13] = "CdF Mag - Mars - Avril 2005 - n° 176";
valSsMenuLien[2][13] = "dArticle.php?id_rubrique=189&id_article=710";
valSsMenu[2][14] = "CdF Mag - Janvier - Février 2005 - n° 175";
valSsMenuLien[2][14] = "dArticle.php?id_rubrique=189&id_article=663";
valSsMenu[2][15] = "CdF Mag - Novembre - Décembre 2004 - n° 174";
valSsMenuLien[2][15] = "dArticle.php?id_rubrique=189&id_article=634";
valSsMenu[2][16] = "CdF Mag - Septembre - Octobre 2004 - n° 173";
valSsMenuLien[2][16] = "dArticle.php?id_rubrique=189&id_article=611";




// La saga du charbon
valSsMenu[3][0] = "Matière énergétique";
valSsMenuLien[3][0] = "gRubrique2.php?id_rubrique=135";
valSsMenu[3][1] = "Techniques d\'utilisation";
valSsMenuLien[3][1] = "gRubrique2.php?id_rubrique=18";
valSsMenu[3][2] = "Economie";
valSsMenuLien[3][2] = "gRubrique2.php?id_rubrique=136";


// L'exhaure
valSsMenu[4][0] = "L'exhaure en Lorraine";
valSsMenuLien[4][0] = "dArticle.php?id_rubrique=185&id_article=857";


// Les archives
valSsMenu[5][0] = "La bibliothèque";
valSsMenuLien[5][0] = "dArticle.php?id_rubrique=192&id_article=962";
valSsMenu[5][1] = "Cinémathèque";
valSsMenuLien[5][1] = "dArticle.php?id_rubrique=192&id_article=963";
valSsMenu[5][2] = "Photothèque";
valSsMenuLien[5][2] = "dArticle.php?id_rubrique=192&id_article=966";
valSsMenu[5][3] = "Diapothèque";
valSsMenuLien[5][3] = "dArticle.php?id_rubrique=192&id_article=965";
valSsMenu[5][4] = "Sonothèque";
valSsMenuLien[5][4] = "dArticle.php?id_rubrique=192&id_article=967";
valSsMenu[5][5] = "Vidéothèque";
valSsMenuLien[5][5] = "dArticle.php?id_rubrique=192&id_article=968";
valSsMenu[5][6] = "CD-DVDthèque";
valSsMenuLien[5][6] = "dArticle.php?id_rubrique=192&id_article=964";


// Historique
valSsMenu[6][0] = "Histoire du charbon en France";
valSsMenuLien[6][0] = "gRubrique.php?id_rubrique=132";
valSsMenu[6][1] = "Un 1/2 siècle avec CdF";
valSsMenuLien[6][1] = "dArticle.php?id_rubrique=141&id_article=325";
valSsMenu[6][2] = "Le Nord : 250 ans de charbon";
valSsMenuLien[6][2] = "gRubrique.php?id_rubrique=126";
valSsMenu[6][3] = "Mémoire du charbon lorrain";
valSsMenuLien[6][3] = "dArticle.php?id_rubrique=166&id_article=648";
valSsMenu[6][4] = "Charbon et Centre-Midi";
valSsMenuLien[6][4] = "gRubrique.php?id_rubrique=164";





// Disponibles
//valSsMenu[7][0] = "";
//valSsMenuLien[7][0] = "";


// Disponibles
//valSsMenu[8][0] = "";
//valSsMenuLien[8][0] = "";


// Disponibles
//valSsMenu[9][0] = "";
//valSsMenuLien[9][0] = "";


//-----------------------------------//
// Ne rien modifier sous cette ligne //
//-----------------------------------//


document.write('<style type="text/css">');


/*
document.write('table.menu {');
document.write('	border: 1px solid '+ background +'');
document.write('}');
*/




document.write('td.inc {');
document.write('	font-family: '+ police +';');
document.write('	font-size: '+ taillePolice +'px;');
document.write('	font-weight: bold;');
document.write('	color: #A30206;');
document.write('	text-decoration: none;');
document.write('	cursor: hand;');
document.write('}');


document.write('td.menu {');
document.write('	font-family: '+ police +';');
document.write('	font-size: '+ taillePolice +'px;');
document.write('	text-decoration: none;');
/*document.write('	background-color: '+ couleurFond +';');
document.write('	border: 1px solid '+ couleurBordure +';');*/
document.write('	cursor: hand;');
document.write('}');


document.write('td.ssmenuD {');
document.write('	font-family: '+ police +';');
document.write('	font-size: '+ taillePolice +'px;');
document.write('	text-decoration: none;');
document.write('}');


document.write('a.ssmenu {');
document.write('	font-family: '+ police +';');
document.write('	font-size: '+ taillePolice +'px;');
document.write('	text-decoration: none;');
document.write('	color: '+ couleurTexte +';');
document.write('}');


document.write('td.invisible {');
document.write('	background-color: '+ background +';');
document.write('	border: 1px solid '+ background +';');
document.write('}');


document.write('td.visible {');
document.write('	margin-top:1 px;');
document.write('	margin-left:1 px;');
document.write('	margin-right:1 px;');
document.write('	margin-bottom:1 px;');
//document.write('	background-color: #ff0000;');
document.write('	background-image: url(images/2-points.gif);');
document.write('	background-repeat:repeat;');
//document.write('	image-filter: alpha(opacity=50%);');


/*document.write('	border: 1px dashed ' + background + ';');*/
document.write('	border: 1px solid #000000;');
/*
document.write('	background-attachment:fixed; padding:0px;');


*/
document.write('}');


document.write('a.flecheFermante {');
document.write('	font-family: '+ police +';');
document.write('	font-size: '+ taillePolice-2 +'px;');
document.write('	font-weight: bold;');
document.write('	color: #A30206;');
document.write('	text-decoration: none;');
document.write('	text-align: center;');
document.write('	cursor: hand;');
document.write('}');




document.write('</style>');


// Detection des navigateurs
var is_ie5 = 0;
var is_ns6 = 0;
var is_ns4 = 0;
var is_ie4 = 0;
if ((document.getElementById) && (document.all)){ 
	is_ie5 = 1;
} else if(document.getElementById){
	is_ns6 = 1;
}
if (document.layers) { 
    is_ns4 = 1;
}
if ((document.all)&&(!document.getElementById)) { 
   	is_ie4 = 1;
}


		
		
function generationMenu(){
	// Affichage du menu
	document.write('<table width="'+ tailleMenu +'" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr align="left"><td colspan='+ nbMenu +' >');
	document.write('<ul id="menu">');
  	menuNonVide = 1;
	for (i=0;i<nbMenu;i++) {
	  if (valSsMenu[i][0]!='') {
		var classe = "inc";
		/*if ( i==0 ){
			classe="menu";
			}*/
		//document.write('<td width="' + largeurRubriques[i] + '" VALIGN="bottom" ALIGN="Left" onMouseOver="changeMenu('+ i + ')"><img src="images/puce-nav.gif" hspace="3" vspace="0" height="7" width="7" border="0" alt="'+valMenu[i]+'"><a href="' + valSsMenuLien[i][0] + '" class="liensMenu">'+ valMenu[i] +'</a></td>');
		//document.write('<td style="width:' + largeurRubriques[i] + 'px;" VALIGN="bottom" ALIGN="Left" onMouseOver="changeMenu('+ i + ')"><img src="images/puce-nav.gif" hspace="3" vspace="0" height="7" width="7" border="0" alt="'+valMenu[i]+'"><a class="liensMenu">'+ valMenu[i] +'</a></td>');
		document.write('<li style="width:' + largeurRubriques[i] + 'px;" onMouseOver="changeMenu('+ i + ')"><a class="liensMenu">'+ valMenu[i] +'</a>');
	  }
	  else {
	  	//document.write('<td width="' + largeurRubriques[i] + '" VALIGN="bottom" ALIGN="Left" onMouseOver="suppMenu()"><img src="images/puce-nav.gif" hspace="3" vspace="0" height="7" width="7" border="0" alt="'+valMenu[i]+'"><a href="' + valSsMenuLien[i][0] + '" class="liensMenu">'+ valMenu[i] +'</a></td>');
	  	//document.write('<td style="width="' + largeurRubriques[i] + '" VALIGN="bottom" ALIGN="Left" onMouseOver="suppMenu()"><img src="images/puce-nav.gif" hspace="3" vspace="0" height="7" width="7" border="0" alt="'+valMenu[i]+'"><a class="liensMenu">'+ valMenu[i] +'</a></td>');
	  }
	}
	document.write('</ul>');
	document.write('</td></tr>');
	
	// Préparation des sous-menus
	
	document.write('<tr><td colspan='+ nbMenu +' class="ssmenu" border="0">');
	if (is_ie5 || is_ie4 || is_ns6){

		document.write('<DIV id="ssMenu" style="position:relative;top:0px;left:0px;width='+ tailleMenu +';height='+ hauteur +';visibility:hidden"></DIV>');
	}
	document.write('</td></tr>');
	document.write('</table>');
}




function changeMenu(numMenu){

	// Génération du nouveau tableau
	var newTable="";
	newTable += "<table border='0' cellspacing='0' cellpadding='5' width='"+ tailleMenu +"'><tr>";
	spanBefore = 0;
	largeurBefore = 0;
	spanAfter = 0;
	largeurAfter = 0;
	nbCellBefore = 0;
	for (i=0;i<valSsMenu.length;i++) {
	  if (i<numMenu) {
	    spanBefore++;
	  }
	  if (i>numMenu) {
	    spanAfter++;
	  }
	  if (i==numMenu) {
	  	// On écrit les n colonnes qui précédent le menu
		if (spanBefore > 0) {
	          largeurBefore = positionCellules1[i];
	          nbCellBefore = i;
		  //newTable += "<td align=left valign=top width='" + largeurBefore + "' colspan='" + spanBefore + "'><a class=liens>Before" + spanBefore + " - " + largeurBefore + "</a></td>";
		  newTable += "<td align=left valign=top width='" + largeurBefore + "' colspan='" + spanBefore + "'>&nbsp;</td>";
		}
		newTable += "<td width='"+ taillesCellules2[i] +"' align=left valign=top class=visible>";
		for (z=0;z<valSsMenu[i].length;z++) {
			// On affiche les liens

			newTable += "<a href='"+ valSsMenuLien[i][z] +"' class='liensMenuBlock'>"+ valSsMenu[i][z] + "</a>";
		}
		newTable += "<a href='javascript:suppMenu()'><center><img alt='Fermer le menu' src='images/"+ image +"' border=0></center></a></td>";
		//newTable += "<center><a class='flecheFermante' href='javascript:suppMenu()'>^</a></center></td>";
	  }
	  if (i==valSsMenu.length-1) {
	    // On écrit les n colonnes qui suivent le menu
	    if (spanAfter > 1) {
	      largeurAfter = 750-positionCellules1[nbCellBefore]-taillesCellules2[numMenu];
	      //newTable += "<td align=left valign=top width='" + largeurAfter + "' colspan='" + spanAfter + "'><a class=liens>After" + spanAfter + " - " + largeurAfter + "</a></td>";
	      newTable += "<td align=left valign=top width='" + largeurAfter + "' colspan='" + spanAfter + "'>&nbsp;</td>";
	    }
	  }
	}
	newTable += "</tr></table>";
	if (is_ie5 || is_ns6){
		document.getElementById("ssMenu").innerHTML = newTable;
		document.getElementById("ssMenu").style.visibility = "visible";
	} else if (is_ie4) {
		document.all["ssMenu"].innerHTML = newTable;
		document.all["ssMenu"].style.visibility = "visible";
	}
}


function suppMenu() {
	//document.getElementById("ssMenu").height = 5;
	//document.getElementById("ssMenu").style.visibility = "hidden";
	if (is_ie5 || is_ns6){
		document.getElementById("ssMenu").innerHTML = "";
		document.getElementById("ssMenu").style.visibility = "hidden";
	} else if (is_ie4) {
		document.all["ssMenu"].innerHTML = "";
		document.all["ssMenu"].style.visibility = "hidden";
	}
}