// 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="mail.php";
	
	claseNormal="input";
	claseError="inputError";
	
	ayuda=new Array();
	ayuda["Nombre"]="Ingresa tu nombre. De 4 a 50 caracteres. OBLIGATORIO";
	ayuda["Correo"]="Ingresa un e-mail válido. OBLIGATORIO";
	ayuda["Telefono"]="Ingresa tu teléfono. OBLIGATORIO";
	ayuda["Membresia"]="Ingresa tu numero de Membresia. De 4 a 50 caracteres.";
	ayuda["Sexo"]="Ingresa Sexo.";
	ayuda["Edad"]="Ingresa Edad.";
	ayuda["Talla"]="Ingresa Talla.";
	ayuda["Peso"]="Ingresa Peso.";
	
	ayuda["Comentario"]="Ingresa tus comentarios. De 5 a 500 caracteres. OBLIGATORIO";
	ayuda["Comentario"]="Ingresa tus comentarios. De 5 a 500 caracteres. OBLIGATORIO";
	
	preCarga("images/ok.gif", "images/loading.gif", "images/error.gif", "images/ok.jpg", "images/ocultar.jpg");
}

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<=9; i++)
	{
		form.elements[i].className=claseNormal;
	}
	document.getElementById("inputTextarea1").className=claseNormal;
	document.getElementById("inputTextarea2").className=claseNormal;
}

function limpiarTodo()
{
	for(i=0; i<=9; i++)
	{
		form.elements[i].value="";
	}
	document.getElementById("inputTextarea1").value="";
	document.getElementById("inputTextarea2").value="";
	document.getElementById("inputTextarea3").value="";
	document.getElementById("inputTextarea4").value="";
	document.getElementById("inputTextarea5").value="";
	document.getElementById("inputTextarea6").value="";
	document.getElementById("inputTextarea7").value="";
	document.getElementById("inputTextarea8").value="";
	document.getElementById("inputTextarea9").value="";
	document.getElementById("inputTextarea10").value="";
	document.getElementById("inputTextarea11").value="";
	document.getElementById("inputTextarea12").value="";
	document.getElementById("inputTextarea13").value="";
	document.getElementById("inputTextarea14").value="";
	document.getElementById("inputTextarea15").value="";
	document.getElementById("inputTextarea16").value="";
	document.getElementById("inputTextarea17").value="";
	document.getElementById("inputTextarea18").value="";
	document.getElementById("inputTextarea19").value="";
	document.getElementById("inputTextarea20").value="";
	document.getElementById("inputTextarea21").value="";
	document.getElementById("inputTextarea22").value="";
	document.getElementById("inputTextarea23").value="";
	document.getElementById("inputTextarea24").value="";
	document.getElementById("inputTextarea25").value="";
	document.getElementById("inputTextarea26").value="";
	document.getElementById("inputTextarea27").value="";
	document.getElementById("inputTextarea28").value="";
	document.getElementById("inputTextarea29").value="";
}

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.inputNombre.value);
	var correo=eliminaEspacios(form.inputCorreo.value);
	var membresia=eliminaEspacios(form.inputEmpresa.value);
	var telefono=eliminaEspacios(form.inputTelefono.value);
	var sexo=eliminaEspacios(form.inputSexo.value);
	var edad=eliminaEspacios(form.inputEdad.value);
	var talla=eliminaEspacios(form.inputTalla.value);
	var peso=eliminaEspacios(form.inputPeso.value);
	var textarea1=eliminaEspacios(form.inputTextarea1.value);
	var textarea2=eliminaEspacios(form.inputTextarea2.value);
	var textarea3=eliminaEspacios(form.inputTextarea3.value);
	var textarea4=eliminaEspacios(form.inputTextarea4.value);
	var textarea5=eliminaEspacios(form.inputTextarea5.value);
	var textarea6=eliminaEspacios(form.inputTextarea6.value);
	var textarea7=eliminaEspacios(form.inputTextarea7.value);
	var textarea8=eliminaEspacios(form.inputTextarea8.value);
	var textarea9=eliminaEspacios(form.inputTextarea9.value);
	var textarea10=eliminaEspacios(form.inputTextarea10.value);
	var textarea11=eliminaEspacios(form.inputTextarea11.value);
	var textarea12=eliminaEspacios(form.inputTextarea12.value);
	var textarea13=eliminaEspacios(form.inputTextarea13.value);
	var textarea14=eliminaEspacios(form.inputTextarea14.value);
	var textarea15=eliminaEspacios(form.inputTextarea15.value);
	var textarea16=eliminaEspacios(form.inputTextarea16.value);
	var textarea17=eliminaEspacios(form.inputTextarea17.value);
	var textarea18=eliminaEspacios(form.inputTextarea18.value);
	var textarea19=eliminaEspacios(form.inputTextarea19.value);
	var textarea20=eliminaEspacios(form.inputTextarea20.value);
	var textarea21=eliminaEspacios(form.inputTextarea21.value);
	var textarea22=eliminaEspacios(form.inputTextarea22.value);
	var textarea23=eliminaEspacios(form.inputTextarea23.value);
	var textarea24=eliminaEspacios(form.inputTextarea24.value);
	var textarea25=eliminaEspacios(form.inputTextarea25.value);
	var textarea26=eliminaEspacios(form.inputTextarea26.value);
	var textarea27=eliminaEspacios(form.inputTextarea27.value);
	var textarea28=eliminaEspacios(form.inputTextarea28.value);
	var dcasa=eliminaEspacios(form.inputDCasa.value);
	var dcalle=eliminaEspacios(form.inputDCalle.value);
	var acasa=eliminaEspacios(form.inputACasa.value);
	var acalle=eliminaEspacios(form.inputACalle.value);
	var ccasa=eliminaEspacios(form.inputCCasa.value);
	var ccalle=eliminaEspacios(form.inputCCalle.value);
	var dnormal=eliminaEspacios(form.inputDNormal.value);
	var dhorario=eliminaEspacios(form.inputDHorario.value);
	var mmnormal=eliminaEspacios(form.inputMMNormal.value);
	var mmhorario=eliminaEspacios(form.inputMMHorario.value);
	var anormal=eliminaEspacios(form.inputANormal.value);
	var ahorario=eliminaEspacios(form.inputAHorario.value);
	var mtnormal=eliminaEspacios(form.inputMTNormal.value);
	var mthorario=eliminaEspacios(form.inputMTHorario.value);
	var cnormal=eliminaEspacios(form.inputCNormal.value);
	var chorario=eliminaEspacios(form.inputCHorario.value);
	var textarea29=eliminaEspacios(form.inputTextarea29.value)
	
	if(!validaLongitud(nombre, 0, 4, 50)) campoError(form.inputNombre);
	if(!validaCorreo(correo)) campoError(form.inputCorreo);
	if(!validaLongitud(telefono,0, 4, 50)) campoError(form.inputTelefono);
	if(!validaLongitud(membresia, 0, 4, 50)) campoError(form.inputEmpresa);
	if(!validaLongitud(sexo, 0, 4, 50)) campoError(form.inputSexo);
	if(!validaLongitud(edad,0,2,2)) campoError(form.inputEdad);
	if(!validaLongitud(talla,1,2,20)) campoError(form.inputTalla);
	if(!validaLongitud(peso,1,2,20)) campoError(form.inputPeso);	
	if(!validaLongitud(textarea1, 0, 5, 500)) campoError(form.inputTextarea1);
	if(!validaLongitud(textarea2, 0, 5, 500)) campoError(form.inputTextarea2);
	
	if(error==1)
	{
		var texto="<img src='images/error.gif' alt='Error'><br><br>Error de Envío: Por favor llene los campos en rojo.<br><br><button style='background-image: url(images/ok.jpg); border:0; width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'></button>";
		muestraMensaje(texto);
	}
	else
	{
		var texto="<img src='images/loading.gif' alt='Enviando'><br>Enviando. Por favor espere.<br><br><button style='background-image: url(images/ocultar.jpg); border:0; width:60px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'></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+"&telefono="+telefono+"&membresia="+membresia+"&sexo="+sexo+"&edad="+edad+"&talla="+talla+"&peso="+peso+"&textarea1="+textarea1+"&textarea2="+textarea2+"&textarea3="+textarea3+"&textarea4="+textarea4+"&textarea5="+textarea5+"&textarea6="+textarea6+"&textarea7="+textarea7+"&textarea8="+textarea8+"&textarea9="+textarea9+"&textarea10="+textarea10+"&textarea11="+textarea11+"&textarea12="+textarea12+"&textarea13="+textarea13+"&textarea14="+textarea14+"&textarea15="+textarea15+"&textarea16="+textarea16+"&textarea17="+textarea17+"&textarea18="+textarea18+"&textarea19="+textarea19+"&textarea20="+textarea20+"&textarea21="+textarea21+"&textarea22="+textarea22+"&textarea23="+textarea23+"&textarea24="+textarea24+"&textarea25="+textarea25+"&textarea26="+textarea26+"&textarea27="+textarea27+"&textarea28="+textarea28+"&dcasa="+dcasa+"&dcalle="+dcalle+"&acasa="+acasa+"&acalle="+acalle+"&ccasa="+ccasa+"&ccalle="+ccalle+"&dnormal="+dnormal+"&dhorario="+dhorario+"&mmnormal="+mmnormal+"&mmhorario="+mmhorario+"&anormal="+anormal+"&ahorario="+ahorario+"&mtnormal="+mtnormal+"&mthorario="+mthorario+"&cnormal="+cnormal+"&chorario="+chorario+"&textarea29="+textarea29);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
					limpiarTodo();
					var texto="<img src='images/ok.gif' alt='Ok'><br>Gracias por su mensaje.<br>Le responderemos a la brevedad.<br><br><button style='<button style='background-image: url(images/ok.jpg); border:0; width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>OK</button>";
					
				}
				else var texto="<img src='images/error.gif'><br><br>Error: intente más tarde.<br><br><button style='<button style='background-image: url(images/ok.jpg); border:0; width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'></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";
}