// JavaScript Document

function showFocus(imgSrc, imgId){
	document.getElementById(imgId).src = "images/" + imgSrc;
}



// FONCTIONS Pour PopUp Center
function montreCenterPopUp(id, largeur, container) {
	// La popUp avec le contenu
	dom = document.getElementById && !document.all;
	py = 150;
	px = Math.floor(largeur / 2);
	document.getElementById(id).style.top = py + 'px';
	document.getElementById(id).style.marginLeft = '-'+ px + 'px';
	document.getElementById(id).style.display = "block";

	// La hauteur du fond transparent
	if (document.documentElement.clientHeight >= document.body.offsetHeight ) {
	hy = document.documentElement.clientHeight;
	} else {
	hy = document.body.offsetHeight;
	}

	if (hy >= document.getElementById(id).offsetHeight + py) {
	hyFinal = hy;
	} else {
	hyFinal = document.getElementById(id).offsetHeight + py;
	}

	document.getElementById(container).style.display = "block";
	document.getElementById(container).style.height = hyFinal+"px";

	theObjects = document.getElementsByTagName("select");
	for (var i = 0; i < theObjects.length; i++) {
		if (theObjects[i].id.substring(0, 6) == "tohide")
		{
			//theObjects[i].style.display = "none";
			theObjects[i].style.visibility = 'hidden';
		}
	}
	if (document.getElementById('input-pop'))
	{
		document.getElementById('input-pop').style.display = '';
	}
}




function cacheCenterPopUp(id, container) {
	// La popUp avec le contenu
	document.getElementById(id).style.display = "none";
	// Le fond transparent
	document.getElementById(container).style.display = "none";

	theObjects = document.getElementsByTagName("select");
	for (var i = 0; i < theObjects.length; i++) {
		//theObjects[i].style.display = "block";
		theObjects[i].style.visibility = 'visible';
	}
	}


/* ---------------------------- */
/* SHOW-HIDE Layer */
/* ---------------------------- */
function showlayer(layer){

var myLayer=document.getElementById(layer);
if(myLayer.style.display=="none" || myLayer.style.display==""){
myLayer.style.display="block";
document.getElementById('btn-off').style.display = 'none';
}else {
myLayer.style.display="none";

}
}

//couleur des champs
function couleur(id)
{
	document.getElementById(id).style.color = "#49433B";
}
//remettre un champs newsletters en couleur init
function remettrecouleur(id)
{
document.getElementById(id).style.color="#92896e";
}



function submitWithAction(formulaire, action, target, targetWindow)
{
	if(action != null)
	{
		document.forms[formulaire].actionName.value=action;
	}
	if(target != null)
	{
		document.forms[formulaire].action=target;
	}
	if (targetWindow != null)
	{
		document.forms[formulaire].target = targetWindow;
	}
	return document.forms[formulaire].submit();
}

function setField(formName, fieldName, value)
{
	document.forms[formName].elements[fieldName].value = value;
}

// validation formulaire de reservation pour un atelier
function validationReservationAtelier(formName)
{
	var msg = "";

	//Civilite
	var liste = document.forms[formName].elements["client.civilite"];
	var rempli = false;
	for (var i = 0; i < liste.length; i++)
	{
		if (liste[i].checked)
		{
			rempli = true;
		}
	}
	if(rempli == false)
	{
	 	msg += "<br>- Civilit&eacute;.";
	    document.getElementById("civilite").style.color = "red";
    }

	//Nom
	if(document.forms[formName].elements["client.nom"].value == "")
	{
	 	msg += "<br>- Nom.";
	    document.getElementById("nomId").style.color = "red";
    }

	//Prenom
    if(document.forms[formName].elements["client.prenom"].value == "")
	{
	 	msg += "<br>- Pr&eacute;nom.";
	    document.getElementById("prenomId").style.color = "red";
    }

    //Email
	if(document.forms[formName].elements["client.mail"].value == ""  || !validMail(document.forms[formName].elements["client.mail"].value))
	{
	 	msg += "<br>- Email (pseudo@serveur.xx(x)).";
	    document.getElementById("mailId").style.color = "red";
    }

	//Code postal
    var valueCP = document.forms[formName].elements["client.cp"].value
    var testCP = testField(valueCP, false, true, 4, 5);
    if (!testCP)
	{
	 	msg += "<br>- Code postal (00000).";
	    document.getElementById("cpId").style.color = "red";
    }

    //Phone Number
	var valueTel = document.forms[formName].elements["client.tel"].value
	var testPhoneNumber = testField(valueTel, true, true, 10, 13);
    if (!testPhoneNumber)
	{
	 	msg += "<br>- Num&eacute;ro de t&eacute;l&eacute;phone.";
	    document.getElementById("telId").style.color = "red";
    }

    // test 2eme passe
    if (msg == "")
    {
	    // test mail identique
    	var valueMail = document.forms[formName].elements["client.mail"].value;
    	var confirmMail = document.forms[formName].elements["confirm-mail"].value;
    	if (valueMail != confirmMail)
    	{
    		msg = "Votre adresse mail et la confirmation de votre adresse mail sont differentes.";
	    	document.getElementById("mailId").style.color = "red";
	    	document.getElementById("confirmId").style.color = "red";
    	}
    } else
    {
    	msg = "Certains champs sont manquants ou erron&eacute;s :<br>" + msg;
    }

	if (msg != "")
	{
		var elmtDiv = document.getElementById("aVerifier");
		elmtDiv.innerHTML = msg;
		cacheCenterPopUp('popReserver', 'containerOpaque');
		montreCenterPopUp('popMessage','638', 'containerOpaque');
	} else
	{
		submitWithAction(formName, "reserver");
	}
}



//fonction verifie l'inscription des newsletters
function isValidInscriptionNewsletters()
{

		var msg ="";
		var champsManquants='';

	//Civilite
	var liste = document.frmAddInscriptionNewsletters.elements["client.civilite"];
	var rempli = false;
	for (var i = 0; i < liste.length; i++)
	{
		if (liste[i].checked)
		{
			rempli = true;
		}
	}
	if(rempli == false)
	{
		msg = "- Votre Civilit&eacute;.";
	    document.getElementById("civilite").style.color = "red";
    }
	//Nom
	if(document.frmAddInscriptionNewsletters.elements["client.nom"].value == "" || document.frmAddInscriptionNewsletters.elements["client.nom"].value.length > 50)
	{
			msg += "<br>- Votre Nom.";
			document.getElementById("nomId").style.color = "red";
	}
	//prenom
	if(document.frmAddInscriptionNewsletters.elements["client.prenom"].value == "" || document.frmAddInscriptionNewsletters.elements["client.prenom"].value.length > 50)
	{
			msg += "<br>- Votre Pr&eacute;nom.";
			document.getElementById("prenomId").style.color = "red";
	}

 	//Email
	if(document.frmAddInscriptionNewsletters.elements["client.mail"].value == ""|| validMail(document.frmAddInscriptionNewsletters.elements["client.mail"].value) == false)
	{
	 	msg += "<br>-  Votre adresse email doit &ecirc;tre au format pseudo@serveur.xx(x)).";
	    document.getElementById("emailId").style.color = "red";
   	}


	if(msg != "")
	{
			var headMsg ="Veuillez remplir correctement les champs suivants :<br>";
			var elmtDiv = document.getElementById("aVerifier");
			elmtDiv.innerHTML = headMsg+msg ;
			montreCenterPopUp('popReserver','638', 'containerOpaque');

	}
	else
	{
		document.forms['frmAddInscriptionNewsletters'].action='inscriptionNewsletters.htm';
	    document.forms['frmAddInscriptionNewsletters'].submit();

	}
}

 // FONCTIONS Pour PopUp Center
function rolloverPopUp(id, largeur, container) {
	// La popUp avec le contenu
	dom = document.getElementById && !document.all;
	py = 260;
	px = Math.floor(largeur / 2);
	document.getElementById(id).style.top = py + 'px';
	document.getElementById(id).style.marginLeft = '-'+ px + 'px';
	document.getElementById(id).style.display = "block";
	}

//rollover info validty email
function rolloveremailimg()
{
rolloverPopUp('emailrolloverPop','80', 'emailrollover');
}

function rolloutemailimg()
{
cacheCenterPopUp('emailrolloverPop', 'emailrollover');
}

// test du code
function testField(value, obligatoire, numerique, minLength, maxLength)
{
	if (obligatoire && (value == null || value.length == 0))
		return false;
	if (value.length > 0 && (value.length < minLength || value.length > maxLength))
		return false;
	if (numerique)
	{
		for (i = 0; i < value.length; ++i)
		{
			if (value.charAt(i) < "0" || value.charAt(i) > "9")
			{
				return false;
	    	}
		}
	}
	return true;
}

function validMail(adresse)
{
	testm = false ;
	for (var j=1 ; j<(adresse.length) ; j++)
	{
		if (adresse.charAt(j)=='@')
		{
			if (j<(adresse.length-4))
			{
				for (var k=j ; k<(adresse.length-2) ; k++)
				{
					if (adresse.charAt(k)=='.')
					{
						testm = true;
					}
				}
			}
		}
	}
	return testm;
}

function calculPrix(qte, prix, fieldName)
{
	var value = qte * prix;
	document.getElementById(fieldName).innerHTML = value;
}

function changeSelectedPrenomMR(selectedPrenom)
{
	document.forms['frmSelection'].elements['selectedSpecialite'].value = '';
	document.forms['frmSelection'].elements['selectedPrenom'].value = selectedPrenom;
	document.forms['frmSelection'].submit();
}

function changeSelectedSpecialiteMR(selectedSpecialite)
{
	document.forms['frmSelection'].elements['selectedPrenom'].value = '';
	document.forms['frmSelection'].elements['selectedSpecialite'].value = selectedSpecialite;
	document.forms['frmSelection'].submit();
}

function changeSelectedRayonMR(selectedRayon)
{
	document.forms['frmSelection'].elements['selectedPrenom'].value = '';
	document.forms['frmSelection'].elements['selectedSpecialite'].value = '';
	document.forms['frmSelection'].elements['selectedRayonId'].value = selectedRayon;
	document.forms['frmSelection'].submit();
}


function zoom()
{
	montreCenterPopUp('popReserverZoom','500', 'containerOpaque');

}


// Code ajoute le 24/03/2009 par Michael
function showPopup(id, img, top, desc) {
	document.getElementById('descZoom').innerHTML = desc;
	document.getElementById(id).style.top = top+"px";
    document.getElementById(id).style.display = "block";
    document.getElementById('imgZoom').src = img;
}