function liste_item(indice)
{
	if(indice == 1 || indice == 2) // Va supprimer le contenu de professionnel
	{
		// Trouve fieldset, trouve ul puis le détruit
		var professionnel = document.getElementById("professionnel");
		for (var k = 0; k < professionnel.childNodes.length; k++){if (professionnel.childNodes[k].nodeType == 1 && professionnel.childNodes[k].nodeName == "FIELDSET"){var fieldset = professionnel.childNodes[k];}}
		for (var j = 0; j < fieldset.childNodes.length; j++){if (fieldset.childNodes[j].nodeType == 1 && fieldset.childNodes[j].nodeName == "UL"){var ul = fieldset.childNodes[j];}}
		fieldset.removeChild(ul);

		// Création au préalable d'ul, les li sont généré dans la boucle
		var liste = document.createElement("ul");

		// Items du menu principal et de fenêtres
		if(indice == 1)
		{
			var nom_item = [ "> À recouvrement", "> Gueule de Loup", "> Basculant", "> Abattant", "> Architecturales", "< Précédent"];
			var image_item = [ "min_recouvrement.png", "min_gueule_de_loup.png", "min_basculant.png", "min_abattant.png", "min_architecturale.png", "icone_precedent.png"];
			var lien_item = [ "recouvrement.php", "gueule_de_loup.php", "basculant.php", "abattant.php", "architecturale.php"];
		}
		else if (indice == 2)
		{
			var nom_item = [ "> Fenêtres", "> Portes", "> Coulissants", "> Volets Battants", "> Portes Fenêtres", "> Pare-flamme/Coupe-feu"];
			var image_item = [ "min_fenetre.png", "min_porte.png", "min_coulissant.png", "min_volet.png", "min_porte_fenetre.png", "min_pare-flamme.png"];
			var lien_item = [ "", "porte.php", "coulissant.php", "volet.php", "porte_fenetre.php" , "pare-flamme.php"];
		}
		else { alert("/!\\ ERREUR 2 /!\\");}
		
		// Chemin d'accès
		var chemin = "/";
		var chemin_php = "html/produit/";
		var chemin_image = "images/produit/";

		// Boucle générant chaque li avec les infos associées
		for(var i = 0; i < nom_item.length; i++)
		{
			var puce = "puce" + i;
			var image = "image" + i;
			var lien = "lien" + i;
			var puce = document.createElement("li");
			var image = document.createElement("img");
			image.setAttribute("alt",nom_item[i]);
			image.setAttribute("src",chemin.concat(chemin_image,image_item[i]));
			var texte_lien = document.createTextNode(nom_item[i]);

			// Ajout de l'attribut JS pour précédent/suivant
			if(nom_item[i] == "< Précédent" || nom_item[i] == "> Fenêtres")
			{
				indice = indice % 2;
				indice++;
				var java_debut = "javascript:liste_item(";
				var java_fin = ")";
				var precedent = document.createElement("a");
				precedent.setAttribute("onClick",java_debut.concat(indice, java_fin));
				precedent.appendChild(image);
				precedent.appendChild(texte_lien);
				puce.appendChild(precedent);
			}
			else
			{
				var lien = document.createElement("a");
				lien.setAttribute("href",chemin.concat(chemin_php,lien_item[i]));
				lien.appendChild(image);
				lien.appendChild(texte_lien);
				puce.appendChild(lien);
			}
			liste.appendChild(puce);
		}
		// Assemblage de la liste et des puce au fieldset
		fieldset.appendChild(liste);
	}
	else { alert("/!\\ ERREUR 1 /!\\"); }
}

