jQuery.noConflict();

jQuery(document).ready(function(){
						



	divTransparente=document.getElementById("transparencia");
	divMensaje=document.getElementById("transparenciaMensaje");
	form=document.getElementById("formulario");
	urlDestino="mail.php";
	
							   
  	preloadImages('images/Logo_MircoGallery.png', 'images/fond1.jpg', 'images/fond2.jpg', 'images/fond3.jpg');
		
	});


	
	function preloadImages() { //v3.0
		/*var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
		var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
		if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}*/
		
		imagenes=new Array();
		for(i=0; i<arguments.length; i++)
		{
			imagenes[i]=document.createElement("img");
			imagenes[i].src=arguments[i];
		}
	}

/*jQuery("#Mirco").click(function(){
		jQuery("#ZoneImage2").fadeIn("slow", function() {
	 	jQuery("#ZoneImage2").css({ background: 'url(images/fond_page2.jpg) no-repeat'});
	});
	});
*/

function nuevoAjax()
{ 
	var xmlhttp=false; 
	try 
	{ 
		// No IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			// IE 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); } 
	return xmlhttp; 
}


function ocultaMensaje()
{
	divTransparente.style.display="none";
}

function muestraMensaje(mensaje)
{
	divMensaje.innerHTML=mensaje;
	divTransparente.style.display="block";
}

function validaForm()
{
	var t_erreurs = new Array;			// ce tableau va stocker tous les erreurs
	//limpiaForm();
	var nom = document.getElementById('input_nom').value;
	var prenom = document.getElementById('input_prenom').value;
	var telephone = document.getElementById('input_phone').value;
	var email = document.getElementById('input_email').value;
	var commentaires = document.getElementById('commentaire').value;
	
	
	
		if(nom == "") {

			t_erreurs.push('Le champ "Nom" n\'est pas rempli !<br>')
			
			document.getElementById("rangee_input_nom").style.border = "1px solid red";
			document.getElementById("input_nom").style.backgroundColor = "red";
		} else {
			document.getElementById("rangee_input_nom").style.border = "none";
			document.getElementById("input_nom").style.backgroundColor = "white";
		}
		
		if(prenom == "") {

			t_erreurs.push('Le champ "Prenom" n\'est pas rempli !<br>')
			
			document.getElementById("rangee_input_prenom").style.border = "1px solid red";
			document.getElementById("input_prenom").style.backgroundColor = "red";
		} else {
			document.getElementById("rangee_input_prenom").style.border = "none";
			document.getElementById("input_prenom").style.backgroundColor = "white";
		}
		
		
		if(telephone.length < 10) {

			t_erreurs.push('Le champ "Téléphone" n\'est pas correcte!<br>')
			
			document.getElementById("rangee_input_tele").style.border = "1px solid red";
			document.getElementById("input_phone").style.backgroundColor = "red";
		} else {
			document.getElementById("rangee_input_tele").style.border = "none";
			document.getElementById("input_phone").style.backgroundColor = "white";
		}	
		
			
		
		
		if(email.indexOf("@") == -1 || email.indexOf(".") == -1) {

			t_erreurs.push('Le champ "Email" n\'est pas bien rempli !<br>')
			
			document.getElementById("rangee_input_email").style.border = "1px solid red";
			document.getElementById("input_email").style.backgroundColor = "red";
		} else {
			document.getElementById("rangee_input_email").style.border = "none";
			document.getElementById("input_email").style.backgroundColor = "white";
		}
	
	
	
	if(t_erreurs.length !== 0) {
	//if(error==1){
		var texto="<img src='images/error.gif' alt='Error'><br>"+t_erreurs.join("")+"<br><button style='font-size:12px; padding:3px 5px; font-weight:bold;' onClick='ocultaMensaje()' type='button'>Ok</button>";
			
		muestraMensaje(texto);
		/*var message21 = t_erreurs.join("");
		alert(message21);*/
	}
	else
	{
		var texto="<span style='text-align:center;'><img src='images/loading2.gif' alt='Envoyant'></span><br>Envoyant... Merci de patienter un instant<br><br><button style='padding:3px 5px; font-size:12px; font-weight:bold;' onClick='ocultaMensaje()' type='button'>Ocultar</button>";
		muestraMensaje(texto);
		
		var ajax=nuevoAjax();
		ajax.open("POST", urlDestino, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send("nom="+nom+"&prenom="+prenom+"&telephone="+telephone+"&email="+email+"&commentaires="+commentaires);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
						document.getElementById('input_nom').value = "";			
						document.getElementById('input_prenom').value = "";
						document.getElementById('input_phone').value = "";
						document.getElementById('input_email').value = "";
						document.getElementById('commentaire').value = "";
					var texto="<img src='images/ok.gif' alt='Ok'><br>Votre message à bien été envoyé<br><br><button style='padding:3px 5px; font-size:12px; font-weight:bold;' onClick='ocultaMensaje()' type='button'>Ok</button>";
				}
				else var texto="<img src='images/error.gif'><br><br>Error: Merci d&#8217;essayer plus tard.<br><br><button style='padding:3px 5px; font-size:12px; font-weight:bold;' onClick='ocultaMensaje()' type='button'>Ok</button>";

				muestraMensaje(texto);
			}
		}
	}
}