

var onglets=new Array()

function onglet1(libelle){
	this.libelle=libelle
	this.tabmenu2=new Array()
}

function menu2(libelle){
	this.libelle=libelle
	this.lien=""
	this.menu3=new Array()
}

function affiche_arbo(){
	s="<br />"
	
	s+="<div class=\"contentSitemap\">\n"
	s+="<div class=\"highlightSitemap\">\n"
	for (var i=0;i<onglets.length;i++){
		s+="<h2 class=\"refH2highlightSitemap\">"+onglets[i].libelle+"</h2>\n"
		for (var j=0;j<onglets[i].tabmenu2.length;j++){
			s+="<h3 class=\"refH3highlightSitemap\"><a href=\"#\">"+onglets[i].tabmenu2[j].libelle+"</a></h3>"
			s+=(onglets[i].tabmenu2[j].menu3.length>0?"<ul>":"")
			for (var k=0;k<onglets[i].tabmenu2[j].menu3.length;k++){
				s+="\t\t<li><a href=\"#\">"+onglets[i].tabmenu2[j].menu3[k]+"</a></li>\n"
			}
			s+=(onglets[i].tabmenu2[j].menu3.length>0?"</ul>":"")
		}
	}
	s+="</div>\n</div>"
	document.write(s)
}

function init_onglets_niveau_2(division){

// document.getElementsByTagName('p')[indexOfParagraph]
onglets1=document.getElementsByName("sub_menu")
// nodeName
for (var onglet=0;onglet<onglets1.length;onglet++){ 
	fils=onglets1[onglet].childNodes[1].childNodes
	var h2=fils[3]
	var onglet_principal=new onglet1(h2.childNodes[0].childNodes[0].nodeValue)
	var tabh3=(fils[5].getElementsByTagName("H3"))
	for (var h3=0;h3<tabh3.length;h3++){
		var nodehref=tabh3[h3].getElementsByTagName("A")[0]
		var nodetext=nodehref.childNodes[0]
		var menu2i=new menu2(nodetext.nodeValue)
		var suivant=get_nextsibling(tabh3[h3])
		if(suivant==null){
			menu2i.lien=nodehref.getAttribute("href")
		}
		else{
			if(suivant.nodeName=="UL"){
				var tabelements3=suivant.getElementsByTagName("LI")
				var div3="<div class=\"menu3\" id=\"menu_"+onglet+"_"+h3+"\">"
				for(var el3=0;el3<tabelements3.length;el3++){ // on stocke les éléments de niveau 3 et on crée la division
					var valeur3=tabelements3[el3].getElementsByTagName("A")[0].childNodes[0].nodeValue
					menu2i.menu3[menu2i.menu3.length]=valeur3
					div3+="<a href=\"#\">"+valeur3+"</a><br />"
				}
				div3+="</div>"
				if(division){
					document.getElementById("onglets3").innerHTML+=div3
				}
				
			}
			else{
				menu2i.lien=nodehref.getAttribute("href")
			}
		}
		
		onglet_principal.tabmenu2[onglet_principal.tabmenu2.length]=menu2i
	}
	// var divh3=fils[5].childNodes[1].childNodes[1].childNodes[1].nodeName
	
	
	onglets[onglets.length]=onglet_principal
	//var parent2=fils[i+1].childNodes[0].nodeName
	//onglets[onglets.length].menu2[onglets[onglets.length].menu2.length]=parent2
	
}

}

function allume_onglet(onglet){
	var s="<p>"
	for (var i=0;i<onglets[onglet].tabmenu2.length;i++){
	
		s+="<div class=\"onglet2\" id=\"onglet2_"+i+"\"><a href=\""+(onglets[onglet].tabmenu2[i].lien==""?"#":onglets[onglet].tabmenu2[i].lien)+"\" onclick=\"clique_onglet2("+onglet+","+i+")\">"+onglets[onglet].tabmenu2[i].libelle+"</a></div>"
	}
	s+="</p>"
	document.getElementById("onglets2").innerHTML=s
	
}

function clique_onglet2(onglet1,onglet2){
	
	if(onglets[onglet1].tabmenu2[onglet2].menu3==null){
	//	alert("lien : "+onglets[onglet1].tabmenu2[onglet2].lien)
	}
	else{
	
		gauche=document.getElementById("onglet2_"+onglet2).offsetLeft
		haut=document.getElementById("onglet2_"+onglet2).offsetTop
		
		for(var ong=0;ong<onglets[onglet1].tabmenu2.length;ong++){
			document.getElementById("menu_"+onglet1+"_"+ong).style.display=(ong==onglet2?"block":"none")
			if (ong==onglet2){
				document.getElementById("menu_"+onglet1+"_"+ong).style.left=gauche+"px"
				document.getElementById("menu_"+onglet1+"_"+ong).style.top="0px"
			}
		}
	}
}

//check if the next sibling node is an element node
function get_nextsibling(n){
x=n.nextSibling;
while (x.nodeType!=1)
  {
  x=x.nextSibling;
  if (null==x){
	break;
	}
  }
return x;
}



