var nbmenu = 4; //Auto-calculé
var delai = 200; // délai en ms pour la fermeture des sous menus
var timeout;
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);


function preloadImgs() {
	image4 = new Image();
	image4.src = "http://www.salon-services-personne.com/images/menu/onglet1-off.gif";
	
	image5 = new Image();
	image5.src = "http://www.salon-services-personne.com/images/menu/onglet2-off.gif";
	
	image6 = new Image();
	image6.src = "http://www.salon-services-personne.com/images/menu/onglet3-off.gif";

	image7 = new Image();
	image7.src = "http://www.salon-services-personne.com/images/menu/onglet4-off.gif";

	image0 = new Image();
	image0.src = "http://www.salon-services-personne.com/images/menu/onglet1-on.gif";
	
	image1 = new Image();
	image1.src = "http://www.salon-services-personne.com/images/menu/onglet2-on.gif";
	
	image2 = new Image();
	image2.src = "http://www.salon-services-personne.com/images/menu/onglet3-on.gif";
	
	image3 = new Image();
	image3.src = "http://www.salon-services-personne.com/images/menu/onglet4-on.gif";

}


/* Fonction cachant le menu lors de son initialisation afin d'éviter de "voir" les sous menus se cacher : clignotement */
function preLoad(){
	preloadImgs();
	
	 if (document.getElementById("contener"))
		document.getElementById("contener").style.visibility="hidden";
}

/* Fonction affichant le menu lorsque tout est initialisé : sous menus cachés */
function Load(){
	HideAll('first');
}
/* Fonction affichant le sous menu souhaité */
function ShowMenu(strMenu,nTab) {
	CancelHide();
	HideAll();
	if (document.getElementById(strMenu))//undefined
		with (document.getElementById(strMenu).style)
			visibility="visible";
			SelectVisible("hidden",document.getElementsByTagName('select'));
	
	//modifie l'image de fond de l'onglet pour l'effet roll
	setTabOn(nTab);
	
}

/* Cache tous les sous menus : ROLLOUT avec un délai réglable, en ms */
function Hide() {
	timeout = setTimeout('HideAll()',delai);
}

/* Empêche la fermeture du sous menu */
function CancelHide() {
	if (timeout) {
		clearTimeout(timeout);
	}
}

/* Cache tous les sous menus : ROLLOUT */
function HideAll(sFirst) {
	for(i=1;i<=nbmenu;i++) {
		var element = document.getElementById('ssmenu'+i);
		if (element)
			element.style.visibility='hidden';
	}
	if (sFirst == 'first'){
		document.getElementById("contener").style.visibility='';
	}
	//remet l'image de fond de l'onglet à l'image de départ
	setTabsOff();
	
	//remet les listes déroulantes à visible
	SelectVisible("visible",document.getElementsByTagName('select'));
}
/* fonction rendant visible ou invisible les listes déroulantes de type SELECT */
function SelectVisible(v,elem) {
	if (isIE||isIE5win)
		for (var i=0;i<elem.length;i++) elem[i].style.visibility=v;
}

/* modification de l'image de fond d'un onglet lors de sa "selection" et de l'ouverture du sous menu*/
function setTabOn(nTab){
	//alert("imgs/onglet" + nTab + "_on.gif");
	sURL = "http://www.salon-services-personne.com/images/menu/onglet"+ nTab +"-on.gif";
	document.getElementById("menu" + nTab).style.backgroundImage="url("+sURL+")" ;
}

/* modification de l'image de fond des onglets lors d'une "déselection" et de la fermeture d'un sous menu */
function setTabsOff(){
	//alert("imgs/onglet" + nTab + "_on.gif");
	for(i=1;i<=nbmenu;i++) {
		sURL = 'http://www.salon-services-personne.com/images/menu/onglet' + i + '-off.gif';
		document.getElementById("menu" + i).style.backgroundImage="url("+sURL+")" ;
	}
}