/******************* 
** Variables globales **
*******************/
var savTab="";						// pour les menus dynamiques
var savDeplie="";						// pour les paragraphes dynamiques
header_white = new Image();
header_white.src = "images/Header_white.jpg";


/******************* 
** Menu Dynamique **
*******************/
var bgcolor_menu = "#FFFFFF"; 			// Couleur de fond du menu
var hovercolor_menu = "#FFFFFF"; //"#A7ADB7";			// Couleur de surlignement
var bordcolor_menu = "#FFFFFF";		// Couleur de la bordure
var textcolor_menu = "#A1A19F";		// Couleur du texte
var pointcolor_menu = "#95693A";		// Couleur du point de menu
var textcolor_select_menu = "#000000";		// Couleur du texte
var textcolor_selected_menu = "#970039";		// Couleur du texte
var textsize_menu = 13;				// Taille du  menu - TODO : s'en passer

var largeurMenuTotale = 1050;		// Largeur totale du menu
var largeurMenuGauche = 500;		// Largeur de la partie gauche du menu
var hauteurMenuTotale = 120;			// Hauteur du menu			
var largeurElementMenu = 50;
// IMPORTANT : Nombre de menus
var nbMenu = 7;						//Nombre de menu principaux


var menu = new Array(nbMenu)		// Ne pas modifier
var sousMenuTitre = new Array();	// Ne pas modifier
var sousMenuLien = new Array();		// Ne pas modifier
var sousMenuTarget = new Array();	// Ne pas modifier
for(i=0; i<nbMenu; i++) {			// Ne pas modifier
	sousMenuTitre[i] = new Array();	// Ne pas modifier
	sousMenuLien[i] = new Array();	// Ne pas modifier
	sousMenuTarget[i] = new Array();// Ne pas modifier
}

// Les titres des menus principaux
menu[0] = "HOME";
menu[1] = "APPROCHE"
menu[2] = "PORTFOLIO";
menu[3] = "FORMULES";
menu[4] = "CLIENTS"
menu[5] = "CONTACT";
menu[6] = '<img style="border: 0px solid ; width: 278px; height: 51px;" alt="Fred Relaix Photography" title="Home page" src="../images/Header_white.jpg" onMouseOver="this.src=\'../images/Header_white_hover.jpg\'" onMouseOut="this.src=\'../images/Header_white.jpg\'">';

// Pour chaque sous-menu, renseignez son titre, son lien et sa cible

// [0][x] : Correspond à tous les sousmenus du menu HOME
sousMenuTitre[0][0] = ""; // Titre du sous menu
sousMenuLien[0][0] = "home.html";	// Lien du sous menu
sousMenuTarget[0][0] = "_self";	// Cible du sous menu

// [1][x] : Correspond à tous les sousmenus du menu APPROCHE
sousMenuTitre[1][0] = "Mon approche"; // Titre du sous menu
sousMenuLien[1][0] = "approche.html";	// Lien du sous menu
sousMenuTarget[1][0] = "_self";	// Cible du sous menu

sousMenuTitre[1][1] = "FAQs";
sousMenuLien[1][1] = "faq.html";
sousMenuTarget[1][1] = "_self";

// [2][x] : Correspond à tous les sousmenus du menu PORTFOLIO
sousMenuTitre[2][0] = "Album Laetitia & St&eacute;phane";
sousMenuLien[2][0] = "Laetitia/index.html";
sousMenuTarget[2][0] = "_blank";

sousMenuTitre[2][1] = "Album Marc & Phara";
sousMenuLien[2][1] = "Marc/index.html";
sousMenuTarget[2][1] = "_blank";

// [3][x] : Correspond à tous les sousmenus du menu FORMULES
sousMenuTitre[3][0] = "&Eacute;légance"; // Titre du sous menu
sousMenuLien[3][0] = "formules_elegance.html";	// Lien du sous menu
sousMenuTarget[3][0] = "_self";	// Cible du sous menu

sousMenuTitre[3][1] = "Romance"; // Titre du sous menu
sousMenuLien[3][1] = "formules_romance.html";	// Lien du sous menu
sousMenuTarget[3][1] = "_self";	// Cible du sous menu

sousMenuTitre[3][2] = "Privilège"; // Titre du sous menu
sousMenuLien[3][2] = "formules_privilege.html";	// Lien du sous menu
sousMenuTarget[3][2] = "_self";	// Cible du sous menu

sousMenuTitre[3][3] = "Prestige"; // Titre du sous menu
sousMenuLien[3][3] = "formules_prestige.html";	// Lien du sous menu
sousMenuTarget[3][3] = "_self";	// Cible du sous menu

sousMenuTitre[3][4] = "Suppléments"; // Titre du sous menu
sousMenuLien[3][4] = "formules_supplements.html";	// Lien du sous menu
sousMenuTarget[3][4] = "_self";	// Cible du sous menu
/*
sousMenuTitre[3][5] = "Produits"; // Titre du sous menu
sousMenuLien[3][5] = "formules_produits.html";	// Lien du sous menu
sousMenuTarget[3][5] = "_self";	// Cible du sous menu

sousMenuTitre[3][6] = "Engagements"; // Titre du sous menu
sousMenuLien[3][6] = "formules_engagements.html";	// Lien du sous menu
sousMenuTarget[3][6] = "_self";	// Cible du sous menu
*/
// [4][x] : Correspond à tous les sousmenus du menu CLIENTS
sousMenuTitre[4][0] = ""; // Titre du sous menu
sousMenuLien[4][0] = "clients.html";	// Lien du sous menu
sousMenuTarget[4][0] = "_self";	// Cible du sous menu

// [5][x] : Correspond à tous les sousmenus du menu CONTACT
sousMenuTitre[5][0] = ""; // Titre du sous menu
sousMenuLien[5][0] = "contact.html";	// Lien du sous menu
sousMenuTarget[5][0] = "_self";	// Cible du sous menu

// [6][x] : Correspond à tous les sousmenus du menu <IMG Fred Relaix Photography>
sousMenuTitre[6][0] = ""; // Titre du sous menu
sousMenuLien[6][0] = "../index.html";	// Lien du sous menu
sousMenuTarget[6][0] = "_self";	// Cible du sous menu

function ouvrirLien(destination,target) {
	switch(target){
		case "_blank":
			window.open(destination);
			break;
		case "_top":
			window.top.location.href = destination;
			break;
		case "_self":
			location.href = destination;
			break;
		default:
			window.top.parent.frames[target].location.href  = destination;
			break;
	}
}

function ecrire(id) {
	if (sousMenuTitre[id].length > 1) {
		// on affiche le menu
		codeHtml = "<table border='0' cellspacing='0' cellpadding='0' width='100%' align='center'><tr>";
		for(k=0;k<id;k++) {
			codeHtml += "<td>&nbsp;</td><td>&nbsp;</td>";
		}
		for(j=0;j<sousMenuTitre[id].length;j++) {
			if (j > 0) {
				codeHtml += "<td style='color=" + pointcolor_menu + "'> &#149; </td>";
			}
			codeHtml += "<td  onMouseOver='changeCouleur(this,0)' onMouseOut='changeCouleur(this,1)' onClick='ouvrirLien(\"" + sousMenuLien[id][j] + "\",\"" + sousMenuTarget[id][j] + "\")'>" + sousMenuTitre[id][j] + "</td>";
		}
		for(l=sousMenuTitre[id].length;l<menu.length;l++) {
			codeHtml += "<td>&nbsp;</td><td>&nbsp;</td>";
		}
		codeHtml += "</tr></table>";
		document.getElementById("sous-menu").innerHTML = codeHtml;
	} else {
		ouvrirLien(sousMenuLien[id][0],sousMenuTarget[id][0])
	}
}

function changeCouleur(tab,type) {
	switch(type){
		case 0 :
			// mouseover
			if(tab != savTab) {
				tab.bgColor = hovercolor_menu;
				tab.style.color = textcolor_select_menu;
			}
			break;
		case 1 :
			// mouseout
			if(tab != savTab) {
				tab.bgColor = bgcolor_menu;
				tab.style.color = textcolor_menu;
			}
			break;
		case 2 :
			// clic!
			sav = savTab;
			savTab = tab;
			if (sav != "")  {
				changeCouleur(sav,1); }
			tab.bgColor = hovercolor_menu;
			tab.style.color = textcolor_selected_menu;
//			tab.style.text-shadow= "3px 3px 5px";
//			tab.style.font-weight=bold;
			break;
		}
}

function generate_menu() {
	// Génération du menu
	codeHTML = "<center><table width='" + largeurMenuTotale + "' border='0' cellspacing='0' cellpadding='0' align='center'><tr align='center'><div id='menu'>";
       
	for( i=0; i < menu.length; i++){
		if (i > 0) {
			codeHTML += "<td style='color=" + pointcolor_menu + "'> &#149; </td>";
		}
		codeHTML += "<td onClick='ecrire(" + i + ");changeCouleur(this,2);' onMouseOver='changeCouleur(this,0)' onMouseOut='changeCouleur(this,1)'>" + menu[i] + "</td>";
	}
	codeHTML += "</div></tr><tr valign='center' class='sousmenu'>";
	codeHTML += "<div id='sous-menu' style='position:relative;top:" + (textsize_menu + 70) + "px;visibility:visible;background-color:" + bgcolor_menu + "'>"; 
	codeHTML += "</div></tr></table></center>";
	
	document.write(codeHTML);
}

/******************* 
** Pied de page **
*******************/
function generate_footer() {
	codeHTML = "<center><p style='color:#960001;'><img style='margin:auto;width:44px;height:36px;vertical-align:middle;' src='images/Logo_bottom.jpg'>&nbsp;&nbsp;";
	codeHTML += "Images © Fred Relaix Photography • www.fredrelaix.com • 06 64 90 51 34 • <a href='/mariages/contact.html' style='color:#84D0F0;'>contact @ fredrelaix.com</a>";
	codeHTML += " • <a href='/mariages/partenaires.html' style='color:#A1A19F;' style='cursor:pointer;' onMouseOver='changeCouleur(this,0)' onMouseOut='changeCouleur(this,1)' onClick='ouvrirLien(\"portfolio.html\", \"_self'\")'>PARTENAIRES</a>";
	codeHTML += "</p></center>";
	codeHTML += "<p style='color:#FFFFFF;font-size: 4px;'>Fred Relaix • International wedding photographer • photographe mariage • reportage mariage • french wedding photographer Portraits • wedding photographer France • wedding photography • Mariage Paris France • Wedding Paris France 	photo de mariage,photographe de mariage,french wedding photographer,photo de mariage,photographe de mariage,french wedding photographer,photo de mariage,photographe de mariage,french wedding photographer</p>";
	document.write(codeHTML);
}

/******************* 
** Meta **
*******************/
function generate_meta() {
	codeHTML = '<meta name="keywords" content="photo de mariage,photographe de mariage,french wedding photographer,photo de mariage,photographe de mariage,french wedding photographer,photo de mariage,photographe de mariage,french wedding photographer,wedding,mariage,photo,photographe">';
	codeHTML += '<meta name="robots" content="index, follow">';
	document.write(codeHTML);
}
/******************* 
** Envoi de mail **
*******************/
function envoi_message() {
	window.open("mailto:contact" + "@" + "fredrelaix.com");
}

function envoi_form(formulaire) {
	formulaire.elements["Body"].value="------------------------\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"Mail généré automatiquement\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"------------------------\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"Nom de l'expéditeur : " + formulaire.elements["nom"].value + "\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"Email : " + formulaire.elements["email"].value + "\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"Téléphone : " + formulaire.elements["tel"].value + "\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"------------------------\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value + formulaire.elements["msg"].value + "\n";
	formulaire.elements["Body"].value=formulaire.elements["Body"].value+"------------------------\n";
}

/******************* 
** Accès aux pages de photos des clients **
*******************/
function ouvrir_page_client() {
	//window.open("clients/" + this.form_client.nom.value + "/index.html");
	alert("Client inconnu !"); 
}
/******************* 
** Pied de page **
*******************/
function plie_deplie(element) {
	// on replie si un élément est déjà déplié
	if (savDeplie != "") {
		document.getElementById(savDeplie.id).style.display="none";
	}
	if (document.getElementById(element).style.display == "none") {
		document.getElementById(element).style.display="block";
		savDeplie = document.getElementById(element);
	} else {
		document.getElementById(element).style.display="none";
		savDeplie = "";
	}
}