validaForm// Variables para setear

onload=function() 

{

	cAyuda=document.getElementById("mensajesAyuda");

	cNombre=document.getElementById("ayudaTitulo");

	cTex=document.getElementById("ayudaTexto");

	divTransparente=document.getElementById("transparencia");

	divMensaje=document.getElementById("transparenciaMensaje");

	form=document.getElementById("formulario");

	urlDestino="../inc/correo.php";

	

	claseNormal="input";

	claseError="inputError";

	

	/*ayuda=new Array();

	ayuda["Nombre"]="Ingresa tu nombre. De 4 a 50 caracteres. OBLIGATORIO";

	//ayuda["Empresa"]="Ingresa el nombre de tu Empresa. De 4 a 50 caracteres.";
	if (document.getElementById("lang")=='es'){
	ayuda["Telefono"]="Ingresa un teléfono de contacto.";
	}
	ayuda["Correo"]="Ingresa un e-mail válido. OBLIGATORIO";

	ayuda["Comentario"]="Ingresa tus comentarios. De 5 a 500 caracteres. OBLIGATORIO";

	*/

	preCarga("ok.gif", "cargando.gif", "error.gif");

}



function preCarga()

{

	imagenes=new Array();

	for(i=0; i<arguments.length; i++)

	{

		imagenes[i]=document.createElement("img");

		imagenes[i].src=arguments[i];

	}

}



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 limpiaForm()

{

	for(i=0; i<=4; i++)

	{

		form.elements[i].className=claseNormal;

	}

	document.getElementById("inputComentario").className=claseNormal;

}



function campoError(campo)

{

	campo.className=claseError;

	error=1;

}



function ocultaMensaje()

{

	divTransparente.style.display="none";

}



function muestraMensaje(mensaje)

{

	divMensaje.innerHTML=mensaje;

	divTransparente.style.display="block";

}



function eliminaEspacios(cadena)

{

	// Funcion para eliminar espacios delante y detras de cada cadena

	while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1);

	while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1);

	return cadena;

}



function validaLongitud(valor, permiteVacio, minimo, maximo)

{

	var cantCar=valor.length;

	if(valor=="")

	{

		if(permiteVacio) return true;

		else return false;

	}

	else

	{

		if(cantCar>=minimo && cantCar<=maximo) return true;

		else return false;

	}

}



function validaCorreo(valor)

{

	var reg=/(^[a-zA-Z0-9._-]{1,30})@([a-zA-Z0-9.-]{1,30}$)/;

	if(reg.test(valor)) return true;

	else return false;

}



function validaForm()

{

	limpiaForm();

	error=0;

	
	var lang = form.lang.value;
	
	var nombre=eliminaEspacios(form.inputNombre.value);

	var correo=eliminaEspacios(form.inputCorreo.value);

	var comentarios=eliminaEspacios(form.inputComentario.value);
	
	if(lang=='es') var telefono=eliminaEspacios(form.inputTelefono.value);

	if(!validaLongitud(nombre, 0, 4, 50)) campoError(form.inputNombre);


	if(!validaCorreo(correo)) campoError(form.inputCorreo);

	if(!validaLongitud(comentarios, 0, 5, 500)) campoError(form.inputComentario);

	

	if(error==1)

	{
		if (lang=='de')
		{
			var texto="<img src='../error.gif' alt='Fehler'><br><br>Fehler: Bitte &uuml;berpr&uuml;fen Sie die rot markierten Felder.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='en')
		{
			var texto="<img src='../error.gif' alt='Error'><br><br>Error: Please check the red-marked boxes.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='es')
		{
		var texto="<img src='../error.gif' alt='Error'><br><br>Error: revise los campos en rojo.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		muestraMensaje(texto);

	}

	else

	{
		if (lang=='de')
		{
			var texto="<img src='../cargando.gif' alt='Senden'><br>In Arbeit, bitte warten ...<br /><br />";
		}
		else if (lang=='en')
		{
			var texto="<img src='../cargando.gif' alt='Sending'><br>Working, please wait ...<br /><br />";
		}
		else if (lang=='es')
		{
			var texto="<img src='../cargando.gif' alt='Enviando'><br>Procesando, espere por favor ...<br /><br />";
		}

		muestraMensaje(texto); 

		

	    //<button style='width:60px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ocultar</button>

		

		var ajax=nuevoAjax();


		ajax.open("POST", urlDestino, true);

		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

		//ajax.send("nombre="+nombre+"&empresa="+empresa+"&telefono="+telefono+"&correo="+correo+"&comentarios="+comentarios);
		
		if(lang=='es') ajax.send("lang="+lang+"&nombre="+nombre+"&telefono="+telefono+"&correo="+correo+"&comentarios="+comentarios);
		else ajax.send("lang="+lang+"&nombre="+nombre+"&correo="+correo+"&comentarios="+comentarios);
			
		//ajax.send("lang="+lang+"nombre="+nombre+"&correo="+correo+"&comentarios="+comentarios);



		ajax.onreadystatechange=function()

		{

			if (ajax.readyState==4)

			{

				var respuesta=ajax.responseText;



				if(respuesta=="OK")

				{
		if (lang=='de')
		{
		var texto="<img src='../ok.gif' alt='Ok'><br>Danke f&uuml;r Ihre Nachricht.<br>Wir werden schnellstm&ouml;glich antworten.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='en')
		{
		var texto="<img src='../ok.gif' alt='Ok'><br>Thanks for your message.<br>We will answer it as soon as possible.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='es')
		{
		var texto="<img src='../ok.gif' alt='Ok'><br>Gracias por su mensaje.<br>Le responderemos a la brevedad.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}

				}

				else 

				{ 
		if (lang=='de')
		{
		var texto="<img src='error.gif'><br><br>Fehler: Bitte versuchen Sie es erneut zu einem sp&auml;teren Zeitpunkt.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='en')
		{
		var texto="<img src='error.gif'><br><br>Error: Please try again later.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		else if (lang=='es')
		{
		var texto="<img src='error.gif'><br><br>Error: intente m&agrave;s tarde.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		}
		
					

				}



				muestraMensaje(texto);

			}

		}

	}

}



// Mensajes de ayuda



if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;

else navegador=1;



function colocaAyuda(event)

{

	if(navegador==0)

	{

		var corX=window.event.clientX+document.documentElement.scrollLeft;

		var corY=window.event.clientY+document.documentElement.scrollTop;

	}

	else

	{

		var corX=event.clientX+window.scrollX;

		var corY=event.clientY+window.scrollY;

	}

	cAyuda.style.top=corY+20+"px";

	cAyuda.style.left=corX+15+"px";

}



function ocultaAyuda()

{

	cAyuda.style.display="none";

	if(navegador==0) 

	{

		document.detachEvent("onmousemove", colocaAyuda);

		document.detachEvent("onmouseout", ocultaAyuda);

	}

	else 

	{

		document.removeEventListener("mousemove", colocaAyuda, true);

		document.removeEventListener("mouseout", ocultaAyuda, true);

	}

}



function muestraAyuda(event, campo)

{

	colocaAyuda(event);

	

	if(navegador==0) 

	{ 

		document.attachEvent("onmousemove", colocaAyuda); 

		document.attachEvent("onmouseout", ocultaAyuda); 

	}

	else 

	{

		document.addEventListener("mousemove", colocaAyuda, true);

		document.addEventListener("mouseout", ocultaAyuda, true);

	}

	

	cNombre.innerHTML=campo;

	cTex.innerHTML=ayuda[campo];

	cAyuda.style.display="block";

}
