var myItem = {  
	id:"",
	titre:"",
	actionOnClick:"",
	arrNestedNiv:""
}; 


var arrMenu=new Array();


var counterNiv1=-1;
var counterNiv2=-1;
var counterNiv3=-1;

function createItemNiv1(pId,pTitre,pOnClick,pNbrOfChilds,pIconImg)
{
	counterNiv1++;
	counterNiv2=-1;
	counterNiv3=-1;	
	myItem=new Object;
	myItem.id=pId;
	myItem.titre=pTitre;
	myItem.actionOnClick=pOnClick;
	myItem.iconImg=pIconImg;
	if(pNbrOfChilds>0) {
		myItem.arrNestedNiv=new Array(pNbrOfChilds);
	}

	arrMenu[counterNiv1]=myItem;
}

function createItemNiv2(pId,pTitre,pOnClick,pNbrOfChilds,pIconImg)
{
	counterNiv3=-1;
	counterNiv2++;
	myItem=new Object;
	myItem.id=pId;
	myItem.titre=pTitre;
	myItem.actionOnClick=pOnClick;
	myItem.iconImg=pIconImg;
		
	if(pNbrOfChilds>0) {
		myItem.arrNestedNiv=new Array(pNbrOfChilds)
	}
	arrMenu[counterNiv1].arrNestedNiv[counterNiv2]=myItem;
}

function createItemNiv3(pId,pTitre,pOnClick,pIconImg)
{
	counterNiv3+=1;
	myItem=new Object;
	myItem.id=pId
	myItem.titre=pTitre
	myItem.actionOnClick=pOnClick;
	myItem.iconImg=pIconImg;
	arrMenu[counterNiv1].arrNestedNiv[counterNiv2].arrNestedNiv[counterNiv3]=myItem;
}

function buildMenu() {
	document.open();
	document.writeln("<DIV id='MENU_GLOBAL'>");


	var i,j,k;
	for (i=0;i<arrMenu.length;i++) {
	document.writeln("<DIV class='niveau1_container' onmouseOver='this.style.backgroundColor=\"#e6e6e6\"' onmouseOut='this.style.backgroundColor=\"#CBDB2A\"'>");
		
		if(arrMenu[i].arrNestedNiv!=null && (arrMenu[i].actionOnClick=="" || arrMenu[i].actionOnClick=="return false;" || arrMenu[i].actionOnClick=="return false"))
			document.writeln("<DIV onclick='toggleItem(\"mainTRNiveau2FLECHE2_" + arrMenu[i].id + "\");toggleItem(\"mainTRNiveau2FLECHE1_" + arrMenu[i].id + "\");toggleItem(\"mainTRNiveau2_" + arrMenu[i].id + "\");" + arrMenu[i].actionOnClick + "' id='trNiveau1_" + i + ";return false;'>");
		else
			document.writeln("<DIV style='cursor:pointer' onclick='" + arrMenu[i].actionOnClick + "' id='trNiveau1_" + i + ";return false;'>");
		
		

		document.writeln("<DIV class='niveau1' id='tdTexte_" + arrMenu[i].id + "'>");
		document.writeln("<DIV style='width:12px;float:left;overflow:hidden; margin-right:8px;'>");
		if(arrMenu[i].arrNestedNiv!=null) 
			{
				document.writeln("<img src='image/menu_fleche_droite.gif'height='12px' width='12px'  style='display:visible' id='mainTRNiveau2FLECHE1_" + arrMenu[i].id + "' class='niveau1_fleche_droite' border='0'/>")
				document.writeln("<img src='image/menu_fleche_bas.gif' height='12px' width='12px' style='display:none' id='mainTRNiveau2FLECHE2_" + arrMenu[i].id + "' class='niveau1_fleche'   border='0'/>")
			    //alert(arrMenu[i].id);
			}
		else
		    {
		        document.writeln("<img src='image/transparent.png' height='12px' width='12px' class='niveau1_fleche'  border='0'/>")
		    }	
	    document.writeln("</DIV>");

		    document.writeln("<div  class='texteMenu'>" + arrMenu[i].titre + "</div>");
			document.writeln("</DIV>");



			document.writeln("</DIV>");
//		if(arrMenu[i].iconImg!="") {
//			document.writeln("<DIV class='niv1_icon'>");
//			document.writeln(arrMenu[i].iconImg);
//			document.writeln("</DIV>");
//		}			

				


		
		document.writeln("<DIV style='display:none' id='mainTRNiveau2_" + arrMenu[i].id + "'>");
	    document.writeln("<DIV class='niveau2_container'>");

		if(arrMenu[i].arrNestedNiv!=null) {
			for (j=0;j<arrMenu[i].arrNestedNiv.length;j++) {

				    document.writeln("<DIV onMouseOver='tdTexte_" + arrMenu[i].arrNestedNiv[j].id + ".style.color=\"#CBDB2A\"' onMouseOut='tdTexte_" + arrMenu[i].arrNestedNiv[j].id + ".style.color=\"#FFFFFF\"'>");

				if(arrMenu[i].arrNestedNiv[j].actionOnClick=="" || arrMenu[i].  arrNestedNiv[j].actionOnClick=="return false;" || arrMenu[i].arrNestedNiv[j].actionOnClick=="return false")
					document.writeln("<DIV  onclick='toggleItem(\"mainTRNiveau3FLECHE2_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "\");toggleItem(\"mainTRNiveau3FLECHE1_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "\");toggleItem(\"mainTRNiveau3_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "\");" + "' id='trNiveau2_" + i + "'>");
				else
					document.writeln("<DIV onclick='" + arrMenu[i].arrNestedNiv[j].actionOnClick + "' id='trNiveau2" + i + "'>");
				

				    document.writeln("<DIV id='tdTexte_" + arrMenu[i].arrNestedNiv[j].id + "' class='niveau2'>");
				    document.writeln("<DIV style='width:12px;float:left;overflow:hidden;margin-right:8px;'>");
					if(arrMenu[i].arrNestedNiv[j].arrNestedNiv!=null) {
						document.writeln("<img src='image/menu_fleche_droite2.gif'  style='display:visible' class='niveau2_fleche_droite'  border='0' id='mainTRNiveau3FLECHE1_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "' class='niveau2_fleche_droite' RunAt='server'/>");
						document.writeln("<img src='image/menu_fleche_bas2.gif'  style='display:none' class='niveau2_fleche'   border='0' id='mainTRNiveau3FLECHE2_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "' class='niveau2_fleche' RunAt='server'/>");
					}
					else
		    {
		        document.writeln("<img src='image/transparent.png' height='12px' width='12px' class='niveau2_fleche' border='0'/>")
		    }				
		   
		    document.writeln("</DIV>")
			document.writeln("<div class='texteMenu' style='float:left;width:100px;'>" + arrMenu[i].arrNestedNiv[j].titre + "</div>");	    
            document.writeln("<DIV style='clear:both;'></DIV>");

			document.writeln("</DIV>");
		    
			    
//				if(arrMenu[i].arrNestedNiv[j].iconImg!="") {
//					document.writeln("<DIV valign='top' class='niv2_icon'>");
//					document.writeln(arrMenu[i].arrNestedNiv[j].iconImg);
//					document.writeln("</DIV>");
//				}


				document.writeln("</DIV>");


				document.writeln("<DIV style='display:none' id='mainTRNiveau3_" + arrMenu[i].id + "_" + arrMenu[i].arrNestedNiv[j].id + "'>");

				if(arrMenu[i].arrNestedNiv[j].arrNestedNiv!=null) {
					for (k=0;k<arrMenu[i].arrNestedNiv[j].arrNestedNiv.length;k++) {
						document.writeln("<DIV onclick='" + arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].actionOnClick + "' id='trNiveau3" + i + "'>");

						document.writeln("<DIV class='niveau3' id='tdTexte_" + arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].id + "' onMouseOver='this.style.backgroundColor=\"#CBDB2A\"' onMouseOut='this.style.backgroundColor=\"#FFFFFF\"'>" + arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].titre);
						
						document.writeln("</DIV>");
						
//						if(arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].iconImg!="") {
//							document.writeln("<DIV valign='top' class='niv3_icon'>");
//							document.writeln(arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].iconImg);
//							document.writeln("</DIV>");
//						}

	
						document.writeln("</DIV>");
	
	
					} // FIN FOR #3

				} // FIN IF #3
				document.writeln("</DIV>");
				document.writeln("</DIV>");

			} // FIN FOR #2

		} //FIN IF #2
		document.writeln("</DIV>");
		document.writeln("</DIV>");
	    document.writeln("</DIV>");



	}; //FIN DU FOR #1

	document.writeln("</DIV>");

	document.close();
};

function toggleItem(trId) {
	if(document.getElementById(trId).style.display=='none'){
		document.getElementById(trId).style.display='';
		
		}
	else{
		document.getElementById(trId).style.display='none';
		}
}

function closeAllItems() {
	var i,j;
	for (i=0;i<arrMenu.length;i++) {
		closeItem('mainTRNiveau2_' + arrMenu[i].id);
		if(arrMenu[i].arrNestedNiv!=null) {
			for(j=0;j<arrMenu[i].arrNestedNiv.length;j++) {
				closeItem('mainTRNiveau3_' + arrMenu[i].id + '_' + arrMenu[i].arrNestedNiv[j].id);
			}
		}
	}
}

function closeItem(trId) {
	document.getElementById(trId).style.display='none';
}

function openItem(trId) {
	document.getElementById(trId).style.display='';
	//str = trId;
	str  = trId.substring(trId.indexOf("_"),trId.length);
	//alert(trId.indexOf("mainTRNiveau2"));
	if (trId.indexOf("mainTRNiveau2")!= -1){
	    document.getElementById('mainTRNiveau2FLECHE1'+ str).style.display='none';
        document.getElementById('mainTRNiveau2FLECHE2'+ str).style.display='';
	}
	if (trId.indexOf("mainTRNiveau3")!= -1){
	    document.getElementById('mainTRNiveau3FLECHE1'+ str).style.display='none';
        document.getElementById('mainTRNiveau3FLECHE2'+ str).style.display='';
	}


    //document.getElementById('mainTRNiveau2FLECHE2_' + arrMenu[i].id).style.display='none';
}

function activateItem(MenuID,FirstParent) {
	if(FirstParent!=''){
	
	document.getElementById("tdTexte_" + FirstParent).style.backgroundColor="#CBDB2A";
	
	}
		//document.getElementById("tdTexte_" + MenuID).style.color="#000000";
		//document.getElementById("tdTexte_" + MenuID).style.backgroundColor="#A7A9AC";
}


//Hightlight en vert le menu passé en parametre
function HightLightParent(MenuID) {

	document.getElementById("tdTexte_" + MenuID).style.backgroundColor="#CBDB2A";
	
}

