// Documento JavaScript
function createRequestObject() {

   var req;

   if(window.XMLHttpRequest){
      // Firefox, Safari, Opera...
      req = new XMLHttpRequest();
   } else if(window.ActiveXObject) {
      // Internet Explorer 5+
      req = new ActiveXObject("Microsoft.XMLHTTP");
   } else {
      // There is an error creating the object,
      // just as an old browser is being used.
      alert('Su navegador no soporta AJAX.');
   }

   return req;

}

// Make the XMLHttpRequest object
var http = createRequestObject();

function is_empty(value) {
	if(value==null) {
		return true;
	}
	return (value=='');
}

function validar(){
	var enviar = true;
	if(is_empty(document.forms[0].nombre.value)){
		enviar = false;
		alert("Debes completar el nombre...");
		document.forms[0].nombre.focus();
		return false;
	}
	if(is_empty(document.forms[0].email.value)){
		enviar = false;
		alert("La cuenta de correo no puede estar en blanco.");
		document.forms[0].email.focus();
		return false;
	}
	if(document.forms[0].email.value.search(/^[\w-\.]{2,}@([\w-]{2,}\.)*[\w-]{2,}\.[\w-]{2,4}$/ig)){
		enviar = false;
		alert("La cuenta de correo no es valida, debes escribirla por ejemplo: juan@mail.com");
		document.forms[0].email.focus();
		return false;
	}
	
	if(enviar){
		mail();
		return false;
	}
	return false;
}

function mail() {
	var nombre = escape(document.forms[0].nombre.value);
	var telefono = escape(document.forms[0].telefono.value);
	var email = escape(document.forms[0].email.value);	
	
	http.open('post', './mail.php', true);
	http.onreadystatechange = handleResponsemail;
	http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	http.send('nombre='+nombre+'&telefono='+telefono+'&email='+email);
	return false;
}

function handleResponsemail() {
	if(http.readyState == 4 && http.status == 200){
		var response = http.responseText;
		if(response) {
			
			for (i=0;i<document.forms[0].elements.length;i++) {
				if(document.forms[0].elements[i].type == "text"){
					document.forms[0].elements[i].value = "";
				}
			}
			document.getElementById("box1").innerHTML = response;
		}
	} else {
		document.getElementById("box1").innerHTML = '<strong>Enviando datos...</strong>';
	}
}