clique=false;


function retablir(){
	for(i=0;i<navigation['niveau1'].length;i++){
		if(menu_actif_par_defaut!=i+1){ 
			document.getElementById('niv1_'+ i).src = navigation['niveau1'][i]['normal'];
		}	
	}
	for(i=0;i<navigation['niveau2'].length;i++){
		document.getElementById('niv2_'+ i).style.visibility = 'hidden';
	}
	clique=false;
}

function clic_niv1(niv1){
	for(i=0;i<navigation['niveau1'].length;i++){
		document.getElementById('niv1_'+ i).src = navigation['niveau1'][i]['normal'];
	}
	for(i=0;i<navigation['niveau2'].length;i++){
		document.getElementById('niv2_'+ i).style.visibility = 'hidden';
	}
	if(document.getElementById('niv2_'+ niv1)){
		document.getElementById('niv2_'+ niv1).style.visibility = 'visible';
		document.getElementById('niv1_'+ niv1).src = navigation['niveau1'][niv1]['roll'];
	clique=true;
	}
}

function roll_niv1(niv1){
	if(clique==false){
		if(menu_actif_par_defaut!=niv1+1){ 
			document.getElementById('niv1_'+ niv1).src = navigation['niveau1'][niv1]['roll'];
		}
	}
}
function anti_roll_niv1(niv1){
	if(clique==false){
		if(menu_actif_par_defaut!=niv1+1){ 
			document.getElementById('niv1_'+ niv1).src = navigation['niveau1'][niv1]['normal'];
			}
	}
}
function roll_niv2(id,n1,n2){
		document.getElementById(id).src = navigation['niveau2'][n1][n2]['roll'];
}
function anti_roll_niv2(id,n1,n2){
		document.getElementById(id).src = navigation['niveau2'][n1][n2]['normal'];
}
function menu_deroulant() {

	ligne = '<div id="SupportMenuDeroulant" style="position:absolute; left:'+position_menu['left']+'px; top:'+position_menu['top']+'px; width:716px; height:15px; z-index:5;">';

	
	// <<< gestion niveau2
		pos_calque = 0;

		for(i=0;i<navigation['niveau2'].length;i++){
			hauteur_calque_niv2 = ((navigation['niveau2'][i].length)*espaces_n2)+5;
			ligne += '<div id="niv2_'+i+'" style="position:absolute; left:'+pos_calque+'px; top:'+hauteur_image+'px; width:'+largeur_image+'px; height:'+hauteur_calque_niv2+'px; z-index:6; border: 1px none #000000; visibility: hidden;  background-color: '+bg_couleur_calque_niv2+'; layer-background-color: '+bg_couleur_calque_niv2+'; ">';
				pos_h = 5; 
				for(z=0;z<navigation['niveau2'][i].length;z++){
					mon_id= "niv2_"+i+"_item"+z;
					ligne += '<div style="position:absolute; left:0px; top:'+pos_h+'px; width:'+largeur_image+'px; height:20px; z-index:6; border: 1px none #000000;">';
					ligne += '<a href="'+navigation['niveau2'][i][z]['lien']+'" >';
					ligne += '<img id="'+mon_id+'" src="'+navigation['niveau2'][i][z]['normal']+'" border=0 '; 
					ligne += ' onMouseOver="roll_niv2(\''+mon_id+'\','+i+','+z+')" onMouseOut="anti_roll_niv2(\''+mon_id+'\','+i+','+z+')" ';
					ligne += '></a>';
					ligne += '</div>';
					pos_h += espaces_n2;
				}
				
			ligne += '</div>';

			pos_calque += espaces_n1 + largeur_image;
		}
	// >>>
	
	largeur_totale =(largeur_image+espaces_n1)*navigation['niveau1'].length;
	ligne += '<table width="'+largeur_totale+'" border="0" cellspacing="0" cellpadding="0"><tr> ';

	
	// <<< gestion niveau 1
		for(i=0;i<navigation['niveau1'].length;i++){
			ligne += '<td  width="'+largeur_image+espaces_n1+'" >';
			if(navigation['niveau1'][i]['lien'] == 'NON'){
				ligne += '<a href="javascript:clic_niv1('+i+')">';
			}else{
				ligne += '<a href="'+navigation['niveau1'][i]['lien']+'">';
			}
			ligne += '<img id="niv1_'+i+'" ';
			ligne += 'src="'+navigation['niveau1'][i]['normal']+'"';
			ligne += 'width="'+largeur_image+'" height="15" ';
			ligne += 'onMouseOver="roll_niv1('+i+')"';
			ligne += 'onMouseOut="anti_roll_niv1('+i+')"';
			ligne += 'border="0" ></a></td>';
		}
	// >>>
	
	ligne += '</tr></table></div>';
	
	
	return ligne;

}