// Variables para setear
onload=function() 
{
	var cAyuda=document.getElementById("mensajesAyuda");
	var cNombre=document.getElementById("ayudaTitulo");
	var cTex=document.getElementById("ayudaTexto");
	var divTransparente=document.getElementById("transparencia");
	var divMensaje=document.getElementById("transparenciaMensaje");
	var form=document.getElementById("formulario");
	var urlDestino="includes/functions/mail.php";
	
	var claseNormal="input";
	var 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. <br>OBLIGATORIO";
	ayuda["Telefono"]="Ingresa un telfono de contacto.";
	ayuda["Correo"]="Ingresa un e-mail válido. OBLIGATORIO";
	ayuda["Comentario"]="Ingresa tus comentarios. De 5 a 500 caracteres. OBLIGATORIO";
	
	preCarga("img/ok.gif", "img/loading.gif", "img/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(form)
{
	for(i=0; i<=4; i++)
	{
		form.elements[i].className='input';
	}
	document.getElementById("inputComentario").className='input';
}

function campoError(campo)
{
	campo.className='inputError';
	error=1;
}

function ocultaMensaje()
{
	//divTransparente.style.display="none";
	document.getElementById("transparencia").style.display="none";	
}

function muestraMensaje(mensaje)
{
	//divMensaje.innerHTML=mensaje;
	document.getElementById("transparenciaMensaje").innerHTML=mensaje;	
	//divTransparente.style.display="block";
    document.getElementById("transparencia").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(form)
{
	limpiaForm(form);
	error=0;
	
	var nombre=eliminaEspacios(form.inputNombre.value);
	var empresa=eliminaEspacios(form.inputEmpresa.value);
	var correo=eliminaEspacios(form.inputCorreo.value);
	var telefono=eliminaEspacios(form.inputTelefono.value);
	var ciudad=eliminaEspacios(form.inputCiudad.value);	
	var comentarios=eliminaEspacios(form.inputComentario.value);
	
	if(!validaLongitud(nombre, 0, 4, 50)) campoError(form.inputNombre);
	if(!validaLongitud(empresa, 0, 4, 50)) campoError(form.inputEmpresa);
	if(!validaCorreo(correo)) campoError(form.inputCorreo);
	//if(!validaLongitud(comentarios, 0, 0, 500)) campoError(form.inputComentario);
	
	if(error==1)
	{
		var texto="<!--<img src='img/error.gif' alt='Error'>--><span style=\"padding-left:40px; margin-top:0px; position:absolute; font-family:Tahoma; font-size:17px; color:#FF0000;\">¡Error: check the fields in red!</span><br><br><button style='width:60px; height:22px; font-size:13px; margin-left:120px; position:absolute; margin-top:-5px; background:#FFF5F1; border:1px solid #FF0000; color:#FF0000; font-family:Tahoma;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		muestraMensaje(texto);
	}
	else
	{
		var texto="<span style=\"padding-left:43px; margin-top:0px; position:absolute; font-family:Tahoma; font-size:17px; color:#4193D0;\">Sending. Please wait...</span></span><br><img src='img/loading.gif' style='margin-left:20px; margin-top:5px;' alt='Enviando'><br><button style='width:60px; height:22px; font-size:13px; margin-left:100px; position:absolute; margin-top:5px; background:#FFF5F1; border:1px solid #4193D0; color:#4193D0; font-family:Tahoma;' onClick='ocultaMensaje()' type='button'>Hide</button>";
		muestraMensaje(texto);
		
		var ajax=nuevoAjax();
		ajax.open("POST", 'includes/functions/mail.php', true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send("nombre="+nombre+"&empresa="+empresa+"&correo="+correo+"&telefono="+telefono+"&ciudad="+ciudad+"&comentarios="+comentarios);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
					var texto="<!--<img src='img/ok.gif' alt='Ok'>--><span style=\"padding-left:0px; margin-top:0px; position:absolute; font-family:Tahoma; font-size:17px; color:#A6CE36;\"><span style='padding-left:15px;'>¡Thank you for your message!</span>!<br>We will respond as soon as possible.</span><br><br><button style='width:60px; height:22px; font-size:13px; margin-left:100px; position:absolute; margin-top:20px; background:#FFF5F1; border:1px solid #A6CE36; color:#A6CE36; font-family:Tahoma;' onClick='ocultaMensaje()' type='button'>Ok</button>";
				}
				else var texto="<!--<img src='img/error.gif' alt='Error'>--><span style=\"padding-left:50px; margin-top:0px; position:absolute; font-family:Tahoma; font-size:17px; color:#FF0000;\">¡Error: try again later!</span><br><br><button style='width:60px; height:22px; font-size:13px; margin-left:110px; position:absolute; margin-top:-5px; background:#FFF5F1; border:1px solid #FF0000; color:#FF0000; font-family:Tahoma;' onClick='ocultaMensaje()' type='button'>Ok</button>";
				
				muestraMensaje(texto);
			}
		}
	}
}