function displayStandard(theliste){
		
	var temp = new Array();
	temp = theliste.split(';')
	var texte = "";
	var texte2 = "";
	
	var thelastDIVID = ""; /*!IMPORTANT*/

	var substr = new Array();
	var qteVerif = temp[0].split("|");	
	
	for(x = 0;x<temp.length;x++){
		substr = temp[x].split('|');
		
		if(x == 0 ){
		
			if(substr[5] == "fr"){
				texte2 = "// ";
			}else{
				texte2 = "// ";
			}
		
			if( substr[3] == "1" || substr[3] == "2"){
				texte = texte + "<h5 title=\"" + substr[0] + "\" id=\"niv" + substr[3] + "\">" + substr[0] + "</h5><br />"
			}else if( substr[3] == "3" ){
				texte = texte + "<h5 title=\"" + substr[0] + "\" id=\"niv" + substr[3] + "\" style=\"display: none;\">" + substr[0] + "</h5>"
				
			}		
			
			document.getElementById('crouton').innerHTML = "";
			if(substr[3] == "1"){
				var string1 = "";
				if( qteVerif[0] != "NULL-NULL-"){
					string1 = substr[0];
					//string1 = " / " + string1
				}
				document.getElementById('crouton').innerHTML  = texte2 + string1;
			}else if(substr[3] == "2"){
				var string2 = "";
				if( qteVerif[0] != "NULL-NULL-"){
					string2 = substr[0];
					string2 = " / " + string2
				}
				document.getElementById('crouton').innerHTML  = texte2 + document.getElementById('niv1').title + string2;			
			}
			else if(substr[3] == "3"){
				var string3 = "";
				if( qteVerif[0] != "NULL-NULL-"){
					string3 = substr[0];
					string3 = " / " + string3;					
				}
				document.getElementById('crouton').innerHTML  = texte2 + document.getElementById('niv1').title + " / " + document.getElementById('niv2').title + string3;			

			}			
		}		
		
	
		if(substr[3] == "1"){
			if(substr[4] == "SHOWCATEGORIES"){
				texte = texte + "<a id='num1"+ x +"'  class=\"inactif\" onclick=javascript:changeState(\'1_num1"+x+"\');  href=javascript:ListCatStandard(\'2_" + substr[1] +"\',\'" + substr[5] + "\');>" +  substr[2] + "</a>";			
			}else{
				texte = texte + "<a id='num1"+ x +"'  class=\"inactif\" onclick=javascript:changeState(\'1_num1"+x+"\');  href=javascript:ListItems(\'" + substr[1] +"\',\'1\',\'S_1\',\'" + substr[5] + "\');>" +  substr[2] + "</a>";						
			}
		}else if(substr[3] == "2"){
			if(substr[4] == "SHOWCATEGORIES"){
			 	texte = texte + "<a id='num2"+ x +"'  class=\"inactif\" onclick=\"javascript:changeState(\'2_num2"+x+ "\');  \"  href=\"javascript:ListCatFinalStandard(\'3_" + substr[1] +"\',\'sub" + substr[1] + "\',\'" + substr[5] + "\');\">" + substr[2] + "</a><div id=\"sub" + substr[1] + "\"></div>";							
			}else{
				texte = texte + "<a id='num2"+ x +"'  class=\"inactif\" onclick=\"javascript:changeState(\'2_num2"+x+ "\');  \"  href=\"javascript:ListItems(\'" + substr[1] +"\',\'1\',\'S_2\',\'" + substr[5] + "\');\">" + substr[2] + "</a><div id=\"sub" + substr[1] + "\"></div>";										
			}  
		}else if(substr[3] == "3"){
			thelastDIVID = substr[4]; //IMPORTANT...PREND LE ID SUB POUR LES LIENS
			//texte = texte + "<a href=main.cfm?p=1111&amp;CATID=" +  substr[1] + " style=\"margin: 0 0 0 15px;\" >" +  substr[2] +  "</a>";		
			texte = texte + "<a id='num3"+ x +"'  class=\"inactif\" onclick=javascript:changeState(\'3_num3"+x+"\');  href=javascript:ListItems(\'" + substr[1] +"\',\'1\',\'S_3\',\'" + substr[5] + "\');  style=\"margin: 0 0 0 15px;\">" +  substr[2] + "</a>";			
			
		}
	}
	
	
	if( qteVerif[0] != "NULL-NULL-"){// Pas vide
	
		var verif = temp[0].split("|");
		
		if(verif[3] == "1"){			
			document.getElementById('nivParentID2Ajax').innerHTML = "";
			document.getElementById('nivParentID1Ajax').innerHTML = "<br />" + texte;
			document.getElementById('nivParentID1Ajax').style.display="block";
			document.getElementById('nivParentID3Ajax').innerHTML = "";
			
		}else if(verif[3] == "2"){
			document.getElementById('nivParentID2Ajax').innerHTML = "<br />" + texte;
			document.getElementById('nivParentID3Ajax').innerHTML = "";
			
		}else if(verif[3] == "3"){
			//document.getElementById('nivParentID3Ajax').innerHTML = texte;    Ancienne version
			//	AFFICHAGE DU DERNIER NIVEAU SOUS LE NIVEAU PARENT	
			clearALL();
			document.getElementById(thelastDIVID).style.display="block";
			document.getElementById(thelastDIVID).innerHTML = texte;

		}
	}else{// vide

		var verifNiveau = temp[0].split("|");
		if(verifNiveau[3] == "1"){
			document.getElementById('nivParentID1Ajax').innerHTML = " ";
			document.getElementById('nivParentID2Ajax').innerHTML = " ";
			document.getElementById('nivParentID3Ajax').innerHTML = " ";
		}else if(verifNiveau[3] == "2"){
			document.getElementById('nivParentID2Ajax').innerHTML = " ";
		}else if(verifNiveau[3] == "3"){
			document.getElementById('nivParentID3Ajax').innerHTML = " ";
		}
	}
}


function displayElectric(theliste){

	var temp = new Array();
	temp = theliste.split(';')
	var texte = "";
	var texte2 = "";
	
	var substr = new Array();
	var qteVerif = temp[0].split("|");	
	
	for(x = 0;x<temp.length;x++){
		substr = temp[x].split('|');
		
		if(x == 0 ){
		
			if(substr[5] == "fr"){
				texte2 = "// ";
			}else{
				texte2 = "// ";
			}		
		
			if( substr[3] == "2" || substr[3] == "3"){
				texte = texte + "<h5 title=\"" + substr[0] + "\" id=\"niv" + substr[3] + "\">" + substr[0] + "</h5><br />"
			}		
			
			document.getElementById('crouton').innerHTML = "";
			if(substr[3] == "2"){
				var string1 = "";
				if( qteVerif[0] != "NULL-NULL-"){
					string1 = substr[0];
					string1 = "<span id=\"croutonniv2\" title=\"" + string1 + "\"> " + string1 + "</span>"
				}
				document.getElementById('crouton').innerHTML  = texte2 + string1;
			}else if(substr[3] == "3"){
				var string2 = "";
				if( qteVerif[0] != "NULL-NULL-"){
					string2 = substr[0];
					string2 = " / " + string2
				}
				document.getElementById('crouton').innerHTML  = texte2 + document.getElementById('niv2').title + string2;				
			}
		}	
		
		
		
		

		if(substr[3] == "2"){
			if(substr[4] == "SHOWCATEGORIES"){
				texte = texte + "<a id='num2"+ x +"'  class=\"inactif\" onclick=\"javascript:changeState(\'2_num2"+x+ "\');  \"  href=\"javascript:ListCatFinalElectric(\'3_" + substr[1] +"\',\'sub" + substr[1] + "\',\'" + substr[5] + "\');\">" + substr[2] + "</a><div id=\"sub" + substr[1] + "\"></div>";							
			}else{
				texte = texte + "<a id='num2"+ x +"'  class=\"inactif\" onclick=\"javascript:changeState(\'2_num2"+x+ "\');  \"  href=\"javascript:ListItems(\'" + substr[1] +"\',\'1\',\'E_1\',\'" + substr[5] + "\');\">" + substr[2] + "</a><div id=\"sub" + substr[1] + "\"></div>";										
			}
		
			  
		}else if(substr[3] == "3"){
			texte = texte + "<a id='num3"+ x +"'  class=\"inactif\" onclick=javascript:changeState(\'3_num3"+x+"\');  href=javascript:ListItems(\'" + substr[1] +"\',\'1\',\'E_2\',\'"+ substr[5] + "\'); >" +  substr[2] + "</a>";			
			
		}
		
		/*if(x == (temp.length-1)){
			if(substr[0] == "NEXTBACK"){
				texte = texte + "<br /><br /><div class=\"nextbacktest\">" + substr[1] + "</div>";
			}
		}*/		
		
		
		
	}
	
	
	if( qteVerif[0] != "NULL-NULL-"){// Pas vide
		
		var verif = temp[0].split("|");
		
		if(verif[3] == "1"){			
			document.getElementById('nivParentID1Ajax').innerHTML = "<br />" + texte;
			document.getElementById('nivParentID2Ajax').innerHTML = "";
			document.getElementById('nivParentID3Ajax').innerHTML = "";
		}else if(verif[3] == "2"){
			document.getElementById('nivParentID2Ajax').innerHTML = "<br />" + texte;
			document.getElementById('nivParentID3Ajax').innerHTML = "";
		}else if(verif[3] == "3"){
			document.getElementById('nivParentID3Ajax').innerHTML = "<br />" + texte;
		}
	}else{// vide
		var verifNiveau = temp[0].split("|");
		if(verifNiveau[3] == "1"){
			document.getElementById('nivParentID1Ajax').innerHTML = " ";
			document.getElementById('nivParentID2Ajax').innerHTML = " ";
			document.getElementById('nivParentID3Ajax').innerHTML = " ";
		}else if(verifNiveau[3] == "2"){
			document.getElementById('nivParentID2Ajax').innerHTML = " ";
		}else if(verifNiveau[3] == "3"){
			document.getElementById('nivParentID3Ajax').innerHTML = " ";
		}
	}
}

function clearALL(){  //REMETTRE TOUS LES DIV VIDE AVANT AFFICHAGE UNIQUEMENT POUR LE TYPE ListCatFinalStandard
		
		var leDiv = document.getElementById("nivParentID2Ajax");
		var itemsOfDiv = leDiv.getElementsByTagName("div");
		
		var temp = "";
		for(var x=0; x < itemsOfDiv.length; x++){
			temp = temp +  itemsOfDiv[x].getAttribute("id");
			itemsOfDiv[x].innerHTML = "";
			itemsOfDiv[x].style.display="none";
		}
}

function changeState(Niv_ID){

	var temp = Niv_ID.split("_");
	var niveau = temp[0];
	var theID = temp[1];
	
	if(niveau == "1"){
		var leDiv = document.getElementById("nivParentID1Ajax");
	}else if(niveau == "2"){
		//alert('niveau 2');
		var leDiv = document.getElementById("nivParentID2Ajax");
		
		
		
		var testtabitems2 = (document.getElementById('nivParentID2Ajax')).getElementsByTagName("div");
			
		for(var i=0; i < testtabitems2.length; i++){
			var temp3 ="";
			temp3 = testtabitems2[i].getAttribute("id");		
			document.getElementById(temp3).style.display = "none";	
		}
		
	}else if(niveau == "3"){
		var leDiv = document.getElementById("nivParentID2Ajax"); //niveau 3 standard mais prendre le nivParentID2Ajax. les divs sub sont dedans...Voir si la condition est aussi valable pour Electric
		var tabitems = leDiv.getElementsByTagName("div");
		var temp = "";
		for(var x=0; x < tabitems.length; x++){
			var temp = tabitems[x].getAttribute("id");			
			var tabitems2 = (document.getElementById(temp)).getElementsByTagName("a");
			for(var y=0; y < tabitems2.length; y++){
				var temp2 = "";
				temp2 = tabitems2[y].getAttribute("id");
				document.getElementById(temp2).className = "inactif";				
			}
		}	
		var leDiv = document.getElementById("nivParentID3Ajax");  //NE PAS UTILISER
	
	}
	
	var items = leDiv.getElementsByTagName("a");
	for(var x=0; x < items.length; x++){
		items[x].setAttribute("class","actif");
		items[x].className = "inactif";
	}

	if (document.getElementById(theID).className == "inactif") {
		document.getElementById(theID).className = "actif"
	}
	else{
		document.getElementById(theID).className = "inactif"
	}
}






function displayItems(theliste){
	
	var temp = new Array();
	temp = theliste.split(';')
	var texte = "";

	var substr = new Array();
	var qteVerif = temp[0].split("|");	
	

	for(x = 0;x<temp.length;x++){
		substr = temp[x].split('|');
		
		if(x==0){
			
			if( substr[1] != "NULL-NULL-" ){//Si nest pas egal a NULL-NULL- afficher la cétgorie dans le crouton
				document.getElementById('crouton').innerHTML = document.getElementById('crouton').innerHTML + " / " + substr[1];
			}
			//Premiere ligne avant le tableau. Ajouter le Next-back
				var NB1 = temp[temp.length-1].split('|');
				if(NB1[0] == "NEXTBACK"){
					texte = texte + "<div id=\"nextbackitem\">" + NB1[1] + "</div><br />";
				}else{
					texte = texte + "<br />";
				}
		}
		
		texte = texte + "<table id=\"tableau\">";
	
		if(substr[0] == "0"){			

			texte = texte + "<tr><th colspan=\"3\">" + substr[1] + "</th></tr>";
						
		}else if(substr[0] == "1"){
		
			texte = texte + "<tr class=\"" + substr[3] + "\"><td class=\"photo\"></td><td class=\"code\">" + substr[1] + "</td><td class=\"descr\">" + substr[2] + "</td></tr>";

		}
		
		if(x == (temp.length-1)){
			if(substr[0] == "NEXTBACK"){
				texte = texte + "<br /><br /><div id=\"nextbackitem\">" + substr[1] + "</div>";
			}
		}
		
	}
	
	

	if( qteVerif[0] != "NULL-NULL-"){// Pas vide
		
		var verif = temp[0].split("|");
		
		
		document.getElementById('nivcat').style.display = "none";				
		document.getElementById('nivParentID1Ajax').style.display = "none";
		document.getElementById('nivParentID2Ajax').style.display = "none";
		document.getElementById('nivParentID3Ajax').style.display = "none";

		document.getElementById('backtopage').style.display = "block";
		document.getElementById('ListeItems').style.display = "block";
		//document.getElementById('ListeItems').innerHTML = texte;
		document.getElementById('ListeItems').innerHTML = document.getElementById('ListeItems').innerHTML + texte;

		
	}else{// vide
		document.getElementById('nivcat').style.display = "none";
		document.getElementById('nivParentID1Ajax').style.display = "none";
		document.getElementById('nivParentID2Ajax').style.display = "none";
		document.getElementById('nivParentID3Ajax').style.display = "none";	
		
		document.getElementById('backtopage').style.display = "block";
		document.getElementById('ListeItems').style.display = "block";
		document.getElementById('ListeItems').innerHTML = "Items : 0";
		
	}
	

	
}