//posXmenu = 1 ;       //distance entre le bord gauche de l'écran et le côté gauche du menu
posYmenu = 0;       //distance entre le bord supérieur de l'écran et le haut du menu
bgcolor = '#000000';  //couleur du sous menu


sousmenu = new Array;  //création d'un tableau
sousmenu[1] = new Array;
sousmenu[2] = new Array;
sousmenu[3] = new Array;
sousmenu[4] = new Array;


sousmenu[1][0] = '<A HREF="/mariages/"  			CLASS=menu>Les galeries</A>';
sousmenu[1][1] = '<A HREF="/mariages/bestof/" 		CLASS=menu>Mon style</A>';
sousmenu[1][2] = '<A HREF="/mariages/temoignages/" 	CLASS=menu>T&eacute;moignages</A>';

sousmenu[2][0] = '<A HREF="/edition/"       		CLASS=menu>Livres et cartes postales</A>';
sousmenu[2][1] = '<A HREF="/edition/commander.htm"  CLASS=menu>Commander</A>';
sousmenu[2][2] = '<A HREF="/edition/articles.htm"  CLASS=menu>Articles de presse</A>';

sousmenu[3][0] = '<A HREF="/reportages/" 			CLASS=menu>Les galeries</A>';
sousmenu[3][1] = '<A HREF="/reportages/habiter/" 	CLASS=menu>Habiter</A>';
sousmenu[3][2] = '<A HREF="/reportages/chantier/" 	CLASS=menu>Chantier</A>';
sousmenu[3][3] = '<A HREF="/reportages/backstage/" 	CLASS=menu>Backstage</A>';
sousmenu[3][4] = '<A HREF="/reportages/metro/" 		CLASS=menu>M&eacute;tro</A>';
sousmenu[3][5] = '<A HREF="/reportages/haute_couture/" 	CLASS=menu>Haute couture</A>';
sousmenu[3][6] = '<A HREF="/reportages/chevaux/" 	CLASS=menu>Chevaux</A>';
sousmenu[3][7] = '<A HREF="/reportages/cantal/" 	CLASS=menu>Cantal</A>';

sousmenu[4][0] = '<A HREF="/philosophie_tarifs/philosophie/" 	CLASS=menu>Ma philosophie</A>';
sousmenu[4][1] = '<A HREF="/philosophie_tarifs/tarifs/" 		CLASS=menu>Tarifs</A>';

dom = document.getElementById;    //test de compatibilité du navigateur plus rapide

if(dom){
document.getElementById("cadremenu").style.top = posYmenu+30 +'px';    //on place l'élément cadremenu à 29 pixels sous le haut du menu fixe
}

function SousMenu(msg,pos){

if(dom){    //si le navigateur est compatible
document.getElementById("cadremenu").style.left = posXmenu+pos + 'px';  //position du sous-menu en fonction de pos et de la position du menu principal

var tab = "<TABLE BORDER=1 BORDERCOLOR=#CCCCCC CELLPADDING=0 CELLSPACING=0 WIDTH=142><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";  //début de tableau HTML

for(pass=0;pass < msg.length;pass++){   //boucle qui va s'exécuter autant de fois qu'il y a de liens enregistrés dans le tableau passé en paramètre msg
tab += "<TR><TD BGCOLOR="+bgcolor+" HEIGHT=22>"+msg[pass]+"</TD></TR>";   //on ajoute à la variable tab une ligne de tableau HTML contenant un lien. Avec onMouseOver et onMouseOut : changement de couleur de la cellule au passage de la souris.
}

tab += "</TABLE></TD></TR></TABLE>";  //on ajoute les codes HTML qui vont fermer les tableaux
document.getElementById("cadremenu").innerHTML = tab;   //on écrit le contenu de la variable tab dans l'élément dont l'ID est cadremenu
document.getElementById("cadremenu").style.visibility = "visible"; //on rend l'élément visible
}
}


function KillFenetre(){       
	if(dom)
		document.getElementById("cadremenu").style.visibility = "hidden";
	}

document.onclick = KillFenetre;    //fait disparaitre le sous menu lorsqu'un clic est détecté sur la page


if(dom){
	var hw = document.documentElement.clientWidth /2;
	if (hw >= 497){   
		posXmenu = hw - 497;
	} else { 
		posXmenu = 1;
	}

	document.write('<div id="monMenu" STYLE="position:absolute; visibility:hidden; z-index:10;"></div>') ;
	document.getElementById("monMenu").style.left = posXmenu + 'px'; 
	document.getElementById("monMenu").style.top = posYmenu + 'px'; 

	var tabMenu = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE ALIGN=CENTER CELLPADDING=0 CELLSPACING=0 BORDERCOLOR=#CCCCCC  BORDER=1 HEIGHT=29 WIDTH=994><TR>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center><A CLASS=menu1 href='/index.htm'>Accueil</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center onMouseOver='SousMenu(sousmenu[1],142)'><A CLASS=menu>Mariage</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center onMouseOver='SousMenu(sousmenu[2],284)'><A CLASS=menu>Edition</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center onMouseOver='SousMenu(sousmenu[3],426)'><A CLASS=menu>Reportages</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center onMouseOver='SousMenu(sousmenu[4],568)'><A CLASS=menu>Philosophie et Tarifs</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center><A CLASS=menu1 href='/cv/'>CV</A></TD>";
	tabMenu += "<TD WIDTH=142 HEIGHT=29 style='text-align:center' ALIGN=center VALIGN=center><A CLASS=menu1 href='/contact/'>Contact</A></TD>";
	tabMenu += "</TR></TABLE></TD></TR></TABLE>";	

	document.getElementById("monMenu").innerHTML = tabMenu;   
	document.getElementById("monMenu").style.visibility = "visible"; //on rend l'élément visible

}

function ChangePositionMenu(){
	if(dom) {
		var hw = document.documentElement.clientWidth /2;
		if (hw >= 497){
			posXmenu = hw - 497;
		} else { 
			posXmenu = 1;
		}
		document.getElementById("monMenu").style.left = posXmenu + 'px';   
		document.getElementById("cadremenu").style.visibility = "hidden";
	}
	
}


window.onresize = ChangePositionMenu;