var idtexte = new Array();
idtexte[0] = 'sousemploi';
idtexte[1] = 'souseducation';
idtexte[2] = 'sousviecitoyenne';
idtexte[3] = 'soussante';
idtexte[4] = 'titreemploi';
idtexte[5] = 'titreeducation';
idtexte[6] = 'titreviecitoyenne';
idtexte[7] = 'titresante';

var idFaqHautBas = new Array();
idFaqHautBas[0] = 'categories-haut';
idFaqHautBas[1] = 'categories-bas';
idFaqHautBas[2] = 'categories';



function chargerMenu() {
	// Gère les onmouseover/onmouseout et onfocus/onblur à l'ouverture
	for (var i=0; i<idtexte.length; i++) {
		var texteelement = idtexte[i];
		var element = document.getElementById(texteelement);
		element.onmouseover = function() { this.parentNode.className = ''; };
		element.onmouseout = function() { this.parentNode.className = 'couleur'; };
		if (i > 3) {// ce sont les titres donc des <a>
			element.onfocus = function() { this.parentNode.className = ''; };
			element.onblur = function() { this.parentNode.className = 'couleur'; };
		}
		else {
			var elements = element.getElementsByTagName("a");
			element.parentNode.className = 'couleur';// ouverture
			for (var j=0; j<elements.length; j++) {
				elements[j].onfocus = function() { this.parentNode.parentNode.parentNode.className = ''; };
				elements[j].onblur = function() { this.parentNode.parentNode.parentNode.className = 'couleur'; };
			}	
		}
	}
}

function AgrandirMenu() {
	for (var i=0; i<idtexte.length; i++) {
		var texteelement = idtexte[i];
		var element = document.getElementById(texteelement);
		if (i < 4) {
			element.style.height = '200px'; // ul#menu li ul#sous...
			element.style.backgroundImage = 'url(images/accueil/' + idtexte[i].substring(4, idtexte[i].length) + '-survol-grand.jpg)';
			element.parentNode.style.backgroundImage = 'url(images/accueil/' + idtexte[i].substring(4, idtexte[i].length) + '-grand.jpg)';
		}
	}
	
	
	
	for(var o=0; o<idFaqHautBas.length; o++)
	{
		var div='';
		if(idFaqHautBas[o]=='categories')
		{
			div=document.getElementById(idFaqHautBas[o]).getElementsByTagName("ul")[0];	
			var li=div.getElementsByTagName("li");
			for(var p=0; p<li.length; p++)
			{
				if(li[p].id.substring(0,9)=="categorie")
				{
					li[p].className="grand";
				}
			}
		}
		else
		{
			div=document.getElementById(idFaqHautBas[o]);
		}
		div.style.width= '200px';	
		div.style.backgroundImage= 'url(images/accueil/faq-'+idFaqHautBas[o]+'-grand.jpg)';
	}
}

function RestaurerMenu() {
	for (var i=0; i<idtexte.length; i++) {
		var texteelement = idtexte[i];
		var element = document.getElementById(texteelement);
		if (i < 4) {
			element.style.height = '132px';
			element.style.backgroundImage = 'url(images/accueil/' + idtexte[i].substring(4, idtexte[i].length) + '-survol.jpg)';
			element.parentNode.style.backgroundImage = 'url(images/accueil/' + idtexte[i].substring(4, idtexte[i].length) + '.jpg)';
		}
	}
	
	for(var o=0; o<idFaqHautBas.length; o++)
	{
		var div='';
		if(idFaqHautBas[o]=='categories')
		{
			div=document.getElementById(idFaqHautBas[o]).getElementsByTagName("ul")[0];	
			var li=div.getElementsByTagName("li");
			for(var p=0; p<li.length; p++)
			{
			if(li[p].id.substring(0,9)=="categorie")
				{
					li[p].className="";
				}
			}
		}
		else
		{
			div=document.getElementById(idFaqHautBas[o]);
		}
		div.style.width= '200px';
		div.style.backgroundImage= 'url(images/accueil/faq-'+idFaqHautBas[o]+'.jpg)';
	}
}

function AfficherQuestions(id_categorie_defaut) {
	
	var div_categories = document.getElementById("categories");
	var li = div_categories.getElementsByTagName("li");
	var id_categorie = new Array;
	var i = 0;
	var j = -1;

	// pour former un tableau avec les id des catégories
	for (i=0; i<li.length; i++) {
		// si c'est un <li> de la liste des catégories
		if (li[i].id.substring(0, 10) == "categorie-") {
			j = j + 1;
			id_categorie[j] = li[i].id.substring(10);
		}
	}
			
	for (j=0; j<id_categorie.length; j++) {
		
		if (id_categorie[j] != id_categorie_defaut) {
			document.getElementById("questions-" + id_categorie[j]).style.display = "none";
		} else {
			document.getElementById("questions-" + id_categorie_defaut).style.display = "inline";
		}
		
		document.getElementById("categorie-" + id_categorie[j]).onmouseover = function() {
				for (i=0; i<li.length; i++) {
					if (li[i].id.substring(0, 10) == "categorie-") {
						var id_categorie_over = this.id.substring(10);
						if (li[i].id.substring(10) != id_categorie_over) {
							document.getElementById("questions-" + li[i].id.substring(10)).style.display = "none";
						} else {
							document.getElementById("questions-" + id_categorie_over).style.display = "inline";
						}
					}
				}
			};
			
		// pour capter le lien de la catégorie au focus, s'il existe
		if (document.getElementById("lien-" + id_categorie[j]) != null) {
			document.getElementById("lien-" + id_categorie[j]).onfocus = function() {
					for (i=0; i<li.length; i++) {
						if (li[i].id.substring(0, 10) == "categorie-") {
							var id_categorie_focus = this.parentNode.id.substring(10);
							if (li[i].id.substring(10) != id_categorie_focus) {
								document.getElementById("questions-" + li[i].id.substring(10)).style.display = "none";
							} else {
								document.getElementById("questions-" + id_categorie_focus).style.display = "inline";
							}
						}
					}
				};
		}
			
	}
			
}