// iubito's menu - http://iubito.free.fr/prog/menu.php - configuration du javascript


// true = le menu sera vertical, à gauche.
//   false = le menu sera horizontal, en haut.
var vertical = false;

// Centrer le menu ? (true/false).
//	Centre horizontalement ou verticalement suivant le mode choisi.
var centrer_menu = false;

// On est obligé de définir une largeur pour les menus.
//	Pour mettre des menus de largeurs différentes :
//	var largeur_menu = new Array(largeur menu1, largeur menu2, largeur menu3...)
//	Il faut faire attention à mettre autant de valeurs que de nombre de menu !
//	Attention, si vous êtes en menu vertical, mettez une largeur fixe (pas de Array) !

var largeur_menu = 95;

// En mode vertical, on a besoin de connaître la hauteur de chaque menu.
//	Même si les "cases" ne sont pas dimensionnées en hauteur.
//	Ajustez cette variable si les menus sont trop rapprochés ou espacés en vertical.
//	Pour mettre des menus de hauteurs différentes :
//	var hauteur_menu = new Array(hauteur menu1, hauteur menu2, hauteur menu3...)
//	Il faut faire attention à mettre autant de valeurs que de nombre de menu !
//	Attention, si vous êtes en menu horizontal, mettez une largeur fixe (pas de Array) !

var hauteur_menu = 25;

// En mode horizontal.
//	Largeur des sous-menus, pour IE uniquement, les autres navigateurs respectent la largeur
//	auto. Mettez "auto" uniquement si vous êtes sûr d'avoir mis des   à la place des
//	espace dans les items !
//	Pour mettre des sous-menus de largeurs différentes :
//	var largeur_sous_menu = new Array(largeur1, largeur2...).
//	Il faut faire attention à mettre autant de valeurs que de menus.
//	Si un menu n'a pas de sous-menus, il faut mettre quand même quelque chose !
//	Il est possible de mettre "auto" dans certaines colonnes, à condition de respecter la
//	consigne ci-dessus.

var largeur_sous_menu = 150;

// Pour les navigateurs connaissant la largeur automatique (s'adapte au contenu), cette
//	option (active par défaut) permet d'avoir une largeur automatique. En cas contraire
//	(false), les sous menus auront la largeur largeur_sous_menu.
var largeur_auto_ssmenu = true;

// ... pour mettre un peu d'espace entre les menus !
var espace_entre_menus = 5;


// position du menu par rapport au haut de l'écran ou de la page.
//	0 = le menu est tout en haut. en px
var top_menu = 2;
// En version horizontale.
//	position des sous-menus par rapport au haut de l'écran ou de la page. Il faut prévoir
//	la hauteur des menus, donc ne pas mettre 0 et faire "à tâton". en px
var top_ssmenu = top_menu + 28;

// Position gauche du menu, en px.
var left_menu = 0;
// En version verticale.
//	Position des sous-menus par rapport au bord gauche de l'écran.
var left_ssmenu = largeur_menu+2;

// Quand la souris quitte un sous-menu, si le sous-menu disparait immédiatement,
//	cela gêne l'utilisateur. Alors on peut mettre un délai avant disparition du sous-menu.
//	500 ms c'est bien :-)
var delai = 650; // en milliseconde

// En version horizontale.
//	Comme le menu peut se superposer avec le texte de la page, il est possible de faire
//	descendre un peu la page (on augmente la marge du haut) pour aérer un peu la page,
//	une quarantaine de pixel c'est pas mal. en px
var marge_en_haut_de_page = top_menu + 40;
// En version verticale.
//	On décale le document à droite pour pas que le menu le superpose.
var marge_a_gauche_de_la_page = largeur_menu + 10;


// Mettez à true si vous souhaitez que le menu soit toujours visible.
//	Mettez false si vous ne le souhaitez pas, dans ce cas le menu "disparaîtra" quand vous
//	descendrez dans la page.
var suivre_le_scroll=true;

// Pour IE uniquement, les balises <select> passent toujours au-dessus du menu, donc
//	par défaut on cache les listes déroulantes quand le menu est ouvert, puis on les fait
//	réapparaître à la fermeture du menu. Pour empêcher ça, mettre à false.
var cacher_les_select=true;


var nbmenu = 0; //Auto-calculé
var timeout; //ne pas toucher, c'est pour déclarer la variable
var agt = navigator.userAgent.toLowerCase();
var isMac = (agt.indexOf('mac') != -1);
var isOpera = (agt.indexOf('opera') != -1);
var IEver = parseInt(agt.substring(agt.indexOf('msie ') + 5));
var isIE = ((agt.indexOf('msie')!=-1 && !isOpera && (agt.indexOf('webtv')==-1)) && !isMac);
var isIE5win = (isIE && IEver >= 5);
var isIE5mac = ((agt.indexOf('msie') != -1) && isMac);
var isSafari = (agt.indexOf('safari') != -1);

//pour enlever les "px" pour faire des calculs...
var reg = new RegExp("px", "g");

// onScroll pour Internet Explorer, le position:fixed fait ce boulot pour les autres navigateurs
// qui respectent les normes CSS...
window.onscroll = function()
{
	if (suivre_le_scroll && (isIE || isIE5mac))
	{
		if (isIE5mac) document.getElementById("conteneurmenu").style.visibility="hidden";
		var cumul=0;
		for(i=1;i<=nbmenu;i++)
		{
			var scrollTop = //(document.documentElement
							//	?document.documentElement.scrollTop
							//	:document.body.scrollTop);
							document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop;
			//alert(document.body.scrollTop+' '+document.documentElement);
			if (!vertical) {
				document.getElementById("menu"+i).style.top = scrollTop + top_menu + "px";
				if (document.getElementById("ssmenu"+i))//undefined
					document.getElementById("ssmenu"+i).style.top = scrollTop + top_ssmenu + "px";
			} else {
				document.getElementById("menu"+i).style.top = scrollTop
							+(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				if (document.getElementById("ssmenu"+i))//undefined
					document.getElementById("ssmenu"+i).style.top = scrollTop
							+(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				cumul += isFinite(hauteur_menu)?hauteur_menu:hauteur_menu[i-1];
			}
		}
		if (isIE5mac) document.getElementById("conteneurmenu").style.visibility="visible";
	}
}

function preChargement()
{
	if (document.getElementById("conteneurmenu"))
		document.getElementById("conteneurmenu").style.visibility="hidden";
}

function Chargement() {
	
	//Compte nbmenu
	nbmenu = 0;
	while (document.getElementById("menu"+(nbmenu+1)))
		nbmenu++;
	
	document.getElementById("conteneurmenu").style.visibility="hidden";
	trimespaces();
	with(document.body.style) {
		if (!vertical) marginTop=marge_en_haut_de_page+"px";
		else		   marginLeft=marge_a_gauche_de_la_page+"px";
	}
	
	positionne();
	CacherMenus();
	
	//pour Safari, qui a du mal à afficher le menu parfois, le fait de changer la taille
	//des caractères corrige le problème. Merci Stol ! http://iubito.free.fr/forum/read.php?id=705&f=2
	if(isSafari)
		document.getElementById('conteneurmenu').style.fontSize='10px';
	
	// comme on a évité le clignotement, maintenant on fait apparaître le menu ;-)
	document.getElementById("conteneurmenu").style.visibility='';
}
window.onresize = Chargement;

//
// Place les éléments du menu correctement, au chargement, au scroll, au redimensionnement
// de la fenêtre
//
function positionne() {
	//Calcul hauteur et largeur fenêtre compatible avec certains doctypes IE
	var largeur_fenetre;
	if (document.documentElement && document.documentElement.clientWidth) {
		largeur_fenetre = document.documentElement.clientWidth;
	} else if (document.body && document.body.clientWidth) {
		largeur_fenetre = document.body.clientWidth;
	} else if (window.innerWidth) {
		largeur_fenetre = window.innerWidth;
	}

	var hauteur_fenetre;
	if (document.documentElement && document.documentElement.clientHeight) {
		hauteur_fenetre = document.documentElement.clientHeight;
	} else if (document.body && document.body.clientHeight) {
		hauteur_fenetre = document.body.clientHeight;
	} else if (window.innerHeight) {
		hauteur_fenetre = window.innerHeight;
	}

	if (centrer_menu) {
		if (!vertical) {
			var largeur_totale = espace_entre_menus * (nbmenu-1);
			if (isFinite(largeur_menu))
				largeur_totale += largeur_menu * nbmenu;
			else {
				for (i = 1; i <= nbmenu; i++)
					largeur_totale += largeur_menu[i-1];
			}
			left_menu = (largeur_fenetre - largeur_totale)/2;
		} else {
			var hauteur_totale = espace_entre_menus * (nbmenu-1);
			if (isFinite(hauteur_menu))
				hauteur_totale += hauteur_menu * nbmenu;
			else {
				for (i = 1; i <= nbmenu; i++)
					hauteur_totale += hauteur_menu[i-1];
			}
			top_menu = (hauteur_fenetre - hauteur_totale)/2;
		}
	}
	
	//Menus
	var cumul = 0;
	for(i=1;i<=nbmenu;i++) {
		with(document.getElementById("menu"+i).style) {
			if (!vertical) {
				top=top_menu+"px";
				left=(((i-1)*espace_entre_menus)+cumul+1+left_menu)+"px";
			} else {
				top=(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				left=left_menu+"px";
			}
			if (!suivre_le_scroll || isIE || isIE5mac)
				position="absolute";
			else position="fixed";
			//if (vertical) height=hauteur_menu+"px";
			margin="0";
			zIndex="2";
			if (vertical || isFinite(largeur_menu))
				width=largeur_menu+"px";
			else
				width=largeur_menu[i-1]+"px";
			if ((!vertical && isFinite(largeur_menu)) || (vertical && isFinite(hauteur_menu))) {
				cumul += (!vertical?largeur_menu:hauteur_menu);
			}
			else {
				cumul += (!vertical?largeur_menu[i-1]:hauteur_menu[i-1]);
				if (vertical) height=hauteur_menu[i-1]+"px";
			}
		}
	}
	
	//Sous-menus
	cumul = 0;
	for(i=1;i<=nbmenu;i++) {
		if (document.getElementById("ssmenu"+i))//undefined
		{
			with(document.getElementById("ssmenu"+i).style) {
				if (!suivre_le_scroll || isIE || isIE5mac)
					position="absolute";
				else position="fixed";
				if (!vertical) {
					top=top_ssmenu+"px";
					left=(((i-1)*espace_entre_menus)+cumul+1+left_menu)+"px";
				} else {
					left=left_ssmenu+"px";
					top=(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				}
				if (isIE || isOpera || isIE5mac || !largeur_auto_ssmenu) {
					if (largeur_sous_menu == 'auto')
                        width = 'auto';
                    else if (isFinite(largeur_sous_menu))
                        width = largeur_sous_menu+"px";
                    else
                        width = largeur_sous_menu[i-1]+(largeur_sous_menu[i-1]!="auto"?"px":"");				}
				else width = "auto";
				if (!vertical && !isIE5mac) {
					//repositionnement si déborde à droite
					if ((width != "auto")
						&& ((left.replace(reg,'').valueOf()*1 + width.replace(reg,'').valueOf()*1) > largeur_fenetre))
						left = (largeur_fenetre-width.replace(reg,'').valueOf())+"px";
				}
				margin="0";
				zIndex="3";
			}
		}
		if ((!vertical && isFinite(largeur_menu)) || (vertical && isFinite(hauteur_menu))) {
			cumul += (!vertical?largeur_menu:hauteur_menu);
		}
		else {
			cumul += (!vertical?largeur_menu[i-1]:hauteur_menu[i-1]);
		}
	}
}


function MontrerMenu(strMenu) {
	AnnulerCacher();
	CacherMenus();
	if (document.getElementById(strMenu))//undefined
		with (document.getElementById(strMenu).style)
			visibility="visible";
	//SelectVisible("hidden",document.getElementsByTagName('select'));
}

function CacherDelai() {
	timeout = setTimeout('CacherMenus()',delai);
}
function AnnulerCacher() {
	if (timeout) {
		clearTimeout(timeout);
	}
}
function CacherMenus() {
	for(i=1;i<=nbmenu;i++) {
		if (document.getElementById("ssmenu"+i))//undefined
			with(document.getElementById("ssmenu"+i).style)
				visibility="hidden";
	}
	//SelectVisible("visible",document.getElementsByTagName('select'));
}

function trimespaces() {
	//Contourne un bug d'IE5/win... il ne capte pas bien les css pour les <li>, donc on les vire !
	if(isIE5win) {
		for(i=1;i<=nbmenu;i++) {
			if (document.getElementById("ssmenu"+i))//undefined
				with(document.getElementById("ssmenu"+i))
					innerHTML = innerHTML.replace(/<LI>|<\/LI>/g,"");
		}
	}
}

function SelectVisible(v,elem) {
	if (cacher_les_select && (isIE||isIE5win))
		for (var i=0;i<elem.length;i++) elem[i].style.visibility=v;
}