/*
Gestionnaire d'affichage de calques pour ie4, ns4 et ns6
DIRE EN IMAGE / MVH / 131102:1016
*********************************************************************************************
Pour ajouter un calque à afficher :
- Augmenter de 1 la variable nb
- Ajouter une série à la liste et indiquer les informations correspondantes
- Exemple :
	- liste[8]["titre"] détermine le contenu HTML à afficher dans le calque
	- liste[8]["calque"] détermine l'identifiant du calque
	- liste[8]["xpos"] détermine la position du calque en X
	- liste[8]["ypos"] détermine la position du calque en Y
	- liste[8]["largeur"] détermine la largeur du calque
	- liste[8]["hauteur"] détermine la hauteur du calque
	- liste[8]["css"] détermine le style CSS à appliquer au calque
- Précautions :
	- Il faut que le style CSS utilisé soit défini en interne ou dans une feuille de styles CSS externe
	- L'identifiant du calque est utile pour gérer l'affichage ou le masquage du calque
	- Pour les liens, il faut utiliser les fonctions afficheCalque(id) et masqueCalque(id)
	- L'id est l'identifiant du calque
*********************************************************************************************
*/
// définit les couleurs d'arrière plan des cellules
var bgOver = "#FFCC00";
var bgOut = "#9999CC";
var cellOp = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td height="20" ';
cellOp += 'onmouseover="this.style.background=\'' + bgOver + '\'" onmouseout="this.style.background=\'' + bgOut + '\'">';
var cellCl = '</td></tr></table>';
var sep = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td height="1">';
sep += '<img src="img/separateur.gif" width="180" height=1"></td></tr></table>';

// définit le nombre de calques à générer
var nb = 3;
var liste = new Array();
for (i=0;i<nb;i++) {
	liste[i] = new Array();
}

// contenu, identifiant, position X et Y des calques
liste[0]["rubriques"] = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>';
liste[0]["rubriques"] += cellOp + '<a href="hammam.htm" class="menu">&nbsp;A la découverte du hammam</a>' + cellCl;
liste[0]["rubriques"] += sep;
liste[0]["rubriques"] += cellOp + '<a href="hammam_prestation.htm" class="menu">&nbsp;Prestations</a>' + cellCl;
liste[0]["rubriques"] += sep;
liste[0]["rubriques"] += cellOp + '<a href="visite.htm" class="menu">&nbsp;Visite du hammam</a>' + cellCl;
liste[0]["rubriques"] += '</td></tr></table>';
liste[0]["calque"] = "hammam";
liste[0]["xpos"] = 27;
liste[0]["ypos"] = 135;
liste[0]["largeur"] = 180;
liste[0]["ns4bgcolor"] = "#9999CC";
liste[0]["css"] = "Fvi";

liste[1]["rubriques"] = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>';
liste[1]["rubriques"] += cellOp + '<a href="soins_visage.htm" class="menu">&nbsp;Soins du visage</a>' + cellCl;
liste[1]["rubriques"] += sep;
liste[1]["rubriques"] += cellOp + '<a href="soins_corps.htm" class="menu">&nbsp;Soins du corps</a>' + cellCl;
liste[1]["rubriques"] += sep;
liste[1]["rubriques"] += cellOp + '<a href="soins_alorientale.htm" class="menu">&nbsp;Soins à l\'orientale</a>' + cellCl;
liste[1]["rubriques"] += '</td></tr></table>';
liste[1]["calque"] = "soins";
liste[1]["xpos"] = 99;
liste[1]["ypos"] = 135;
liste[1]["largeur"] = 180;
liste[1]["ns4bgcolor"] = "#9999CC";
liste[1]["css"] = "Fvi";

liste[2]["rubriques"] = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>';
liste[2]["rubriques"] += cellOp + '<a href="tarifs_forfaitshammam.htm" class="menu">&nbsp;Forfaits Hammam</a>' + cellCl;
liste[2]["rubriques"] += sep;
liste[2]["rubriques"] += cellOp + '<a href="tarifs_forfaitsforme.htm" class="menu">&nbsp;Forfaits Forme</a>' + cellCl;
liste[2]["rubriques"] += sep;
liste[2]["rubriques"] += cellOp + '<a href="tarifs_soinscorps.htm" class="menu">&nbsp;Soins du corps</a>' + cellCl;
liste[2]["rubriques"] += sep;
liste[2]["rubriques"] += cellOp + '<a href="tarifs_soinsvisage.htm" class="menu">&nbsp;Soins du visage</a>' + cellCl;
liste[2]["rubriques"] += sep;
liste[2]["rubriques"] += cellOp + '<a href="tarifs_epilation.htm" class="menu">&nbsp;Epilation</a>' + cellCl;
liste[2]["rubriques"] += sep;
liste[2]["rubriques"] += cellOp + '<a href="tarifs_manucure.htm" class="menu">&nbsp;Manucure</a>' + cellCl;
liste[2]["rubriques"] += '</td></tr></table>';
liste[2]["calque"] = "tarifs";
liste[2]["xpos"] = 375;
liste[2]["ypos"] = 135;
liste[2]["largeur"] = 180;
liste[2]["ns4bgcolor"] = "#9999CC";
liste[2]["css"] = "Fvi";

// teste le navigateur et sa version
var ns4;
var ns6;
var ie4;
version = parseInt(navigator.appVersion);
nav = navigator.appName;
ns4 = ((nav == "Netscape") && (version >= 4 && version < 5));
ns6 = ((nav == "Netscape") && (version >= 5));
ie4 = ((nav == "Microsoft Internet Explorer") && (version >= 4));
if (!ns4 && !ns6 && !ie4) {
	alert("Ce site est optimisé pour Netscape et Internet Explorer 4 ou supérieur.");
}

// crée les calques
function initCalque() {
	for(i=0;i<liste.length;i++) {
		def = "";
		if (ns4) {
			def = '<layer name="' + liste[i]["calque"] + '" class="' + liste[i]["css"] + '" bgcolor="' + liste[i]["ns4bgcolor"] + '" visibility="hide" ';
			def += 'top="' + liste[i]["ypos"] + '" left="' + (liste[i]["xpos"]-2) + '" width="' + liste[i]["largeur"] + '" height="' + liste[i]["hauteur"] + '" ';
			def += 'onmouseover="afficheCalque(\'' + liste[i]["calque"] + '\');" onmouseout="masqueCalque(\'' + liste[i]["calque"] + '\');">';
			def += liste[i]["rubriques"] + '</layer>';
			document.write(def);
		} else if (ns6 || ie4) {
			def = '<div id="' + liste[i]["calque"] + '" class="' + liste[i]["css"] + '" style="position: absolute; visibility: hidden; ';
			def += 'top: ' + liste[i]["ypos"] + '; left: ' + liste[i]["xpos"] + '; width: ' + liste[i]["largeur"] + '; height: ' + liste[i]["hauteur"] + '" ';
			def += 'onmouseover="afficheCalque(\'' + liste[i]["calque"] + '\');" onmouseout="masqueCalque(\'' + liste[i]["calque"] + '\');">';
			def += liste[i]["rubriques"] + '</div>';
			document.write(def);
		}
	}
}

// affiche un calque
function afficheCalque(id) {
	if (ns4)
		document.layers[id].visibility = "show";
	else if (ns6)
		document.getElementById(id).style.visibility = "visible";
	else if (ie4)
		document.all[id].style.visibility = "visible";
}

// masque un calque
function masqueCalque(id) {
	if (ns4)
		document.layers[id].visibility = "hide";
	else if (ns6)
		document.getElementById(id).style.visibility = "hidden";
	else if (ie4)
		document.all[id].style.visibility = "hidden";
}

function tailleFenetre(f) {
	if (ie4)
		f.resizeTo(810,629);
}