// Variables para setear
onload=function() 
{
	divTransparente=document.getElementById("transparencia");
	divTransparente=document.getElementById("transparencia2");
	divMensaje=document.getElementById("transparenciaMensaje");
	form=document.getElementById("contact");
	urlDestino="mail.php";
	claseNormal="inputNormal";
	claseError="inputError";
	

	
	preCarga("images/bien.png", "images/pensando.gif", "images/mal.png");
}

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 limpia_post_envio(){
	document.getElementById("inputEmpresa").value="";
	document.getElementById("inputName").value="";
	document.getElementById("inputReferencia").value="";
	document.getElementById("inputPhone").value="";
	document.getElementById("inputEmail").value="";
	document.getElementById("inputComentario").value="";

}

function limpiaForm()
{
	for(i=0; i<=5; i++)
	{
		form.elements[i].className=claseNormal;
	}
	
	document.getElementById("inputEmpresa").className=claseNormal;
	document.getElementById("inputReferencia").className=claseNormal;
	document.getElementById("inputPhone").className=claseNormal;
	document.getElementById("inputEmail").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 nombre=eliminaEspacios(form.inputName.value);
	var empresa=eliminaEspacios(form.inputEmpresa.value);
	var correo=eliminaEspacios(form.inputEmail.value);
	var telefono=eliminaEspacios(form.inputPhone.value);
	var referencia=eliminaEspacios(form.inputReferencia.value);
	var comentario=eliminaEspacios(form.inputComentario.value);


//validaciones
	if(!validaLongitud(nombre, 0, 2, 80)) campoError(form.inputName);
	if(!validaLongitud(empresa, 0, 2, 80)) campoError(form.inputEmpresa);
	if(!validaCorreo(correo)) campoError(form.inputEmail);
	if(!validaLongitud(telefono, 0, 2, 80)) campoError(form.inputPhone);
	if(!validaLongitud(comentario, 0, 2, 400)) campoError(form.inputComentario);
	

	
	if(error==1)
	{
		
var texto="<img src='images/mal.png' alt='Error' align='left'><br>Ha ocurrido un error:<br>Por favor, revise los campos resaltados.<br><br><div class='button-act'><a class='pulse' href='#' onClick='ocultaMensaje()'>ok</a></div>";
		muestraMensaje(texto);
	}
	
	else
	{
		var texto="<img src='images/pensando.gif' alt='Sending'><br>Enviando...<br>Por favor, espere.";
		muestraMensaje(texto);
		
		var ajax=nuevoAjax();
		ajax.open("POST", urlDestino, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send("nombre="+nombre+"&empresa="+empresa+"&correo="+correo+"&telefono="+telefono+"&referencia="+referencia+"&comentario="+comentario);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
					var texto="<img src='images/bien.png' alt='Ok'><br>Gracias por escribir.<br>Le responderé a la brevedad posible.<br><br><div class='button-act'><a class='pulse' href='#' onClick='ocultaMensaje()'>ok</a></div>";
				}
				else var texto="<img src='images/mal.png'><br><br>Error: Intente nuevamente.<br><br><a class='pulse' href='#' onClick='ocultaMensaje()'>ok</a></div>";
				
				muestraMensaje(texto);
				limpia_post_envio();
			}
		}
	}
}