// JavaScript Document

var vertical = false;
var centrer_menu = false;
var largeur_menu = new Array(100, 100, 200, 200, 100, 100);
var hauteur_menu = 25;
var largeur_sous_menu = 180;
var largeur_auto_menuSec = false;
var espace_entre_menus = 1;
var top_menu = 15;
var top_menuSec = top_menu + 0;
var left_menu = 16;
var left_menuSec = largeur_menu+2;
var delai = 540; // en milliseconde
var marge_en_haut_de_page = 0;
var marge_a_gauche_de_la_page = 0;
var suivre_le_scroll=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);
var reg = new RegExp("px", "g");


window.onscroll = function()
{
if (suivre_le_scroll && (isIE || isIE5mac))
	{
		if (isIE5mac) document.getElementById("contentMenuP").style.display="none";
		var cumul=0;
		for(i=1;i<=nbmenu;i++)
		{
			var scrollTop = (document.documentElement&&document.documentElement.scrollTop
								?document.documentElement.scrollTop
								:document.body.scrollTop);
			/*if (!vertical) {
				document.getElementById("menu"+i).style.top = scrollTop + top_menu + "px";
				if (document.getElementById("menuSec"+i))//undefined
					document.getElementById("menuSec"+i).style.top = scrollTop + top_menuSec + "px";
			} else {
				document.getElementById("menu"+i).style.top = scrollTop
							+(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				if (document.getElementById("menuSec"+i))//undefined
					document.getElementById("menuSec"+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("contentMenuP").style.display="block";
	}
}

function preChargement()
{
	if (document.getElementById("contentMenuP"))
		document.getElementById("contentMenuP").style.display="none";
}

function Chargement() {
	
	//Compte nbmenu
	nbmenu = 0;
	while (document.getElementById("menu"+(nbmenu+1)))
		nbmenu++;
	
	document.getElementById("contentMenuP").style.display="none";
	//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("headerMenu").style.fontSize='10px';*/
	
	// comme on a évité le clignotement, maintenant on fait apparaître le menu ;-)
	document.getElementById("contentMenuP").style.display='';
}
window.onresize = Chargement;

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="99";
			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("menuS"+i))//undefined
		{
			with(document.getElementById("menuS"+i).style) {
				if (!suivre_le_scroll || isIE || isIE5mac)
					position="absolute";
				else position="absolute";
				if (!vertical) {
					top=top_menuSec+"px";
					left="-11px";
				} else {
					left=left_menuSec+"px";
					top=(((i-1)*espace_entre_menus)+cumul+1+top_menu)+"px";
				}
				if (isIE || isOpera || isIE5mac || !largeur_auto_menuSec) {
					if (isFinite(largeur_sous_menu))
						width = largeur_sous_menu+(largeur_sous_menu!="auto"?"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="100";
			}
		}
		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)
			display="block";
/*	SelectVisible("hidden",document.getElementsByTagName('select'));*/
}

function CacherDelai() {
	timeout = setTimeout('CacherMenus()',delai);
}
function AnnulerCacher() {
	if (timeout) {
		clearTimeout(timeout);
	}
}
function CacherMenus() {
	for(var i=1;i<=8;i++)
	{
		if(document.getElementById("link"+i))
		{
			if(i=="2" || i=="3" || i=="4" || i=="5" || i=="6" || i=="7")
			{
				document.getElementById("link"+i).style.background = 'url(includes/css/img/menuFleche.gif) 149px center no-repeat #fff';
			}
			else
			{
				document.getElementById("link"+i).style.background = "";
			}
			
			document.getElementById("link"+i).style.color = "#002d5d";
		}
	}
	
	for(var i=1;i<=21;i++)
	{
		if(document.getElementById("linkT"+i))
		{
			if(i=="1" || i=="6" || i=="7" || i=="8" || i=="9" || i=="12" || i=="18" || i=="19" || i=="20" || i=="21")
			{
				document.getElementById("linkT"+i).style.background = "url(includes/css/img/menuFleche_roll.gif) 175px center no-repeat #002d5d";
			}
			else
			{
				document.getElementById("linkT"+i).style.background = "";
			}
			document.getElementById("linkT"+i).style.color = "";
		}
	}
	
	for(i=1;i<=nbmenu;i++) {
		if (document.getElementById("menuS"+i))//undefined
			with(document.getElementById("menuS"+i).style)
				display="none";
	}
	SelectVisible("block",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("menuSec"+i))//undefined
				with(document.getElementById("menuSec"+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.display=v;
}

function montre(id)
{
	var d = document.getElementById(id);
	for (var i = 1; i<=10; i++)
	{
		if (document.getElementById('menuT'+i)) {document.getElementById('menuT'+i).style.display='none';}
	}
	if (d)
	{
		d.style.display='block';
	}
}

function cache(id)
{
	var d = document.getElementById(id);
	if (d)
	{
		d.style.display='none';
	}
}


function setStyleMenuS(id)
{
	for(var i=1;i<=8;i++)
	{
		if(document.getElementById("link"+i))
		{
			if(i=="2" || i=="3" || i=="4" || i=="5" || i=="6" || i=="7")
			{
				document.getElementById("link"+i).style.background = 'url(includes/css/img/menuFleche.gif) 149px center no-repeat #fff';
			}
			else
			{
				document.getElementById("link"+i).style.background = "";
			}
		}
	}
	
	if(id.id=="link2" || id.id=="link3" || id.id=="link4" || id.id=="link5" || id.id=="link6" || id.id=="link7")
	{
		id.style.background = 'url(includes/css/img/menuFleche_roll.gif) 149px center no-repeat #002d5d';
	}
	else
		id.style.background = '#002d5d';
		
	id.style.color = "#fff";
}

function setStyleMenuT(id)
{
	for(var i=1;i<=21;i++)
	{
		if(document.getElementById("linkT"+i))
		{
			if(i=="1" || i=="6" || i=="7" || i=="8" || i=="9" || i=="12" || i=="18" || i=="19" || i=="20" || i=="21")
			{
				document.getElementById("linkT"+i).style.background = "url(includes/css/img/menuFleche_roll.gif) 175px center no-repeat #002d5d";
			}
			else
			{
				document.getElementById("linkT"+i).style.background = "";
			}
			document.getElementById("linkT"+i).style.color = "";
		}
	}
	if(id.id=="linkT1" || id.id=="linkT6" || id.id=="linkT7" || id.id=="linkT8" || id.id=="linkT9" || id.id=="linkT12" || id.id=="linkT18" || id.id=="linkT19" || id.id=="linkT20" || id.id=="linkT21")
	{
		id.style.background = 'url(includes/css/img/menuTFleche_roll.gif) 175px center no-repeat #006699';
	}
	else
		id.style.background = "#006699";
		
	id.style.color = "#fff";
}