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='MILIEU'>");
		document.writeln("<DIV class='HAUT'>");
		document.writeln("<DIV class='BAS'>");
		
		if(arrMenu[i].arrNestedNiv!=null && (arrMenu[i].actionOnClick=="" || arrMenu[i].actionOnClick=="return false;" || arrMenu[i].actionOnClick=="return false"))
			document.writeln("<DIV>");
		else
			document.writeln("<DIV style='cursor:pointer;width:100%' onclick='" + arrMenu[i].actionOnClick + "' id='trNiveau1_" + i + ";return false;'>");
		
		document.writeln("<div style='position:relative'><div style='position:absolute;background:white;top:-1px;width:275;height:1;'><img src=image/trans.gif></div></div>");
		if((arrMenu[i].id != 1207) && (arrMenu[i].id != 1229) && (arrMenu[i].id != 1230) && (arrMenu[i].id != 1267) && (arrMenu[i].id != 1270) && (arrMenu[i].id != 1273)){
			document.writeln("<DIV class='niveau1' onmouseOver='this.className=\"niveau1on\"' onmouseOut='this.className=\"niveau1\"' id='tdTexte_" + arrMenu[i].id + "'>");
		}
		else{
		document.writeln("<DIV class='niveau1exception' onmouseOver='this.style.color=\"#D2ECFF\"' onmouseOut='this.style.color=\"#FFFFFF\"' id='tdTexte_" + arrMenu[i].id + "'>");
		}
		//if(arrMenu[i].arrNestedNiv!=null) {
		//	document.writeln("<img src='image/menu_fleche.gif' width='10' height='10' class='fleche' align='right' border='0'/>")
		//	}
		
		if(arrMenu[i].iconImg!="") {
			document.writeln(arrMenu[i].iconImg);
		}
		
		//exception pour les 3 premier menus qui on une image au lieu du texte  (1207, 1229 et 1230)
		if((arrMenu[i].id != 1207) && (arrMenu[i].id != 1229) && (arrMenu[i].id != 1230) && (arrMenu[i].id != 1267) && (arrMenu[i].id != 1270) && (arrMenu[i].id != 1273)){
			document.writeln("<img src='/docs_upload/galerie_images/langue1/menu/1248.gif'/>");
			document.writeln("" + arrMenu[i].titre + "");
	    }
	    else
	    {
	        document.writeln("<img src='/docs_upload/galerie_images/langue1/menu/" + arrMenu[i].id + ".gif' hsrc='/docs_upload/galerie_images/langue1/menu/" + arrMenu[i].id + "on.gif' status='" + arrMenu[i].titre + "' alt='" + arrMenu[i].titre + "'/>");
		}
		
		
		document.writeln("</DIV>");
		document.writeln("</DIV>");

		document.writeln("<DIV id='mainTRNiveau2_" + arrMenu[i].id + "'>");

		if(arrMenu[i].arrNestedNiv!=null) {
			for (j=0;j<arrMenu[i].arrNestedNiv.length;j++) {

				if(arrMenu[i].arrNestedNiv[j].actionOnClick =="" || arrMenu[i].arrNestedNiv[j].actionOnClick=="return false;" || arrMenu[i].arrNestedNiv[j].actionOnClick=="return false") {
//modifier par jonathan martin, si l'on désire avoir en permmance conserver que le DIV
//					document.writeln("<DIV>");
					document.writeln("<DIV onclick='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 class='niveau2_global' id='tdTexte_" + arrMenu[i].arrNestedNiv[j].id + "' style='background:URL(/docs_upload/galerie_images/langue1/menu/" + arrMenu[i].id + "niv2.gif) no-repeat top left;' onmouseOver='this.style.backgroundColor=\"#ECECEC\"' onmouseOut='this.style.backgroundColor=\"transparent\"'>");
			    document.writeln("<DIV class='niveau2'>");

				if(arrMenu[i].arrNestedNiv[j].arrNestedNiv!=null) {
					document.writeln("<img src='image/menu_fleche2.gif' style='margin-top:4px;' width='10' height='10' align='right' border='0' RunAt='server'/>")
				}
				document.writeln(arrMenu[i].arrNestedNiv[j].titre);
				
				if(arrMenu[i].arrNestedNiv[j].iconImg!="") {
					document.writeln(arrMenu[i].arrNestedNiv[j].iconImg);
				}			

				document.writeln("</DIV>");
				document.writeln("</DIV>");
				document.writeln("</DIV>");

				document.writeln("<img src='/portail/image/menu_sep.gif'><BR>");
				//retirer le style si on veut conserver le menu visuel de manière permanente
				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_global' id='tdTexte_" + arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].id + "' style='background:URL(/docs_upload/galerie_images/langue1/menu/" + arrMenu[i].id + "niv3.gif) no-repeat top left;' onmouseOver='this.style.backgroundColor=\"#ECECEC\"' onmouseOut='this.style.backgroundColor=\"transparent\"'>");
						document.writeln("<DIV class='niveau3'>");

						document.writeln(arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].titre);

						if(arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].iconImg!="") {
							document.writeln(arrMenu[i].arrNestedNiv[j].arrNestedNiv[k].iconImg);
						}

						document.writeln("</DIV>");
						document.writeln("</DIV>");
						document.writeln("</DIV>");
	
					} // FIN FOR #3

					document.writeln("<img src='/portail/image/menu_sep.gif'><BR>");
				} // FIN IF #3

				document.writeln("</DIV>");
			} // FIN FOR #2

		} //FIN IF #2
		document.writeln("</DIV>");
		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='';
}

function activateItem(MenuID,FirstParent) {
	if(FirstParent!='')
		document.getElementById("tdTexte_" + MenuID).style.backgroundColor="";
	document.getElementById("tdTexte_" + MenuID).style.backgroundColor="";
}