onload=function()
{
	divTransparente=document.getElementById("divCuerpoContactoTransparencia");
	divMensaje=document.getElementById("divCuerpoContactoTransparenciaMensaje");
	form=document.getElementById("frmCuerpoContacto");
	urlDestino="contacto.php";

	claseNormal="divTxtFrmCuerpoContacto";
	claseError="divTxtFrmCuerpoContactoError";
	claseTxa="divTxaFrmCuerpoContacto";
	claseTxaError="divTxaFrmCuerpoContactoError";

	preCarga("wp-content/themes/oba/imgs/sitio_contacto_ok.png", "wp-content/themes/oba/imgs/sitio_contacto_loading.gif", "wp-content/themes/oba/imgs/sitio_contacto_error.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 limpiaForm()
{
	document.getElementById("divInputNombre").className=claseNormal;
	document.getElementById("divInputCorreo").className=claseNormal;
	document.getElementById("divInputComentario").className=claseTxa;
}

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

function campoTxaError(campo)
{
	campo.className=claseTxaError;
	error=1;
}

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

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

function eliminaEspacios(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.inputNombre.value);
	var correo=eliminaEspacios(form.inputCorreo.value);
	var tel=eliminaEspacios(form.inputTel.value);
	var comentarios=eliminaEspacios(form.inputComentario.value);
	var tipo=eliminaEspacios(form.inputTipo.value);
	
	if(!validaLongitud(nombre, 0, 4, 50)) campoError(document.getElementById("divInputNombre"));
	if(!validaCorreo(correo)) campoError(document.getElementById("divInputCorreo"));
	if(!validaLongitud(comentarios, 0, 5, 500)) campoTxaError(document.getElementById("divInputComentario"));
	
	if(error==1)
	{
		var texto="<img src='wp-content/themes/oba/imgs/sitio_contacto_error.png' alt='Error'><p><b>Error</b><br />Revise los campos obligatorios.</p><button onclick='ocultaMensaje()' type='button'>Ok</button>";
		muestraMensaje(texto);
	}
	else
	{
		var texto="<img src='wp-content/themes/oba/imgs/sitio_contacto_loading.gif' alt='Enviando'><p><b>Enviando mensaje</b><br />Por favor espere.</p><button 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("nombre="+nombre+"&correo="+correo+"&tel="+tel+"&comentarios="+comentarios+"&tipo="+tipo);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
					var texto="<img src='wp-content/themes/oba/imgs/sitio_contacto_ok.png' alt='Ok'><p><b>Gracias por su mensaje</b><br />Le responderemos a la brevedad.</p><button onclick='ocultaMensaje()' type='button'>Ok</button>";
				}
				else var texto="<img src='wp-content/themes/oba/imgs/sitio_contacto_error.png' alt='Error'><p><b>Error</b><br />Intente m&aacute;s tarde.</p><button onclick='ocultaMensaje()' type='button'>Ok</button>";

				muestraMensaje(texto);
			}
		}
	}
}