function nuevoAjax()

{ 

	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por

	lo que se puede copiar tal como esta aqui */

	var xmlhttp=false; 

	try 

	{ 

		// Creacion del objeto AJAX para navegadores no IE

		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 

		

	}

	catch(e)

	{ 

		try

		{ 

			// Creacion del objet AJAX para IE 

			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 

		} 

		catch(E) { xmlhttp=false; }

	}

	if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); } 



	return xmlhttp; 

}



function eliminaEspacios(cadena)

{

	// Funcion equivalente a trim en PHP

	var x=0, y=cadena.length-1;

	while(cadena.charAt(x)==" ") x++;	

	while(cadena.charAt(y)==" ") y--;	

	return cadena.substr(x, y-x+1);

}



function validaIngreso(valor)

{

	/* Funcion encargada de validar lo ingresado por el usuario. Se devuelve TRUE en caso de ser 

	valido, FALSE en caso contrario */

	var reg=/(^[a-zA-Z0-9.@ ]{3,40}$)/;

	if(reg.test(valor)) return true;

	else return false;

}



function nuevoEvento(evento)

{

	// Obtengo el div donde se mostraran las advertencias y errores

	var divMensaje=document.getElementById("error");



	var input=document.getElementById("user");

	var input1=document.getElementById("pass");

	

	// Boton presionado

	var boton=document.getElementById("Ingresar");



	boton.disabled=false;



	// Valor ingresado por el usuario

	var valor=input.value;

	var valorp=input1.value;

	// Texto a colocar en el input mientras se esta cargando la respuesta del servidor

	var textoAccion="Comprobando usuario!!...";

	

	// Elimino espacios por delante y detras de lo ingresado por el usuario

	valor=eliminaEspacios(valor);

	// Si el ingreso es invalido coloco un mensaje de error en la capa correspondiente

	if(valor.length==0) 

	{

		divMensaje.innerHTML="<table width='430' height='38' border='0' cellpadding='0' cellspacing='0' style='border:solid 2px #990000' align='center'><tr><td align='center' valign='middle' bgcolor='#FFDDDD'><img src='images/iconos/cancel_1.png' width='14' height='14' /><span style='font-family: Verdana;font-size: 12px;color:#990000;'>&nbsp;<strong>ERROR . . . Debe incluir al menos un Nombre de Usuario</strong></span></td></tr></table>";



	}else if (!validaIngreso(valor)){

		

		divMensaje.innerHTML="<table width='425' height='38' border='0' cellpadding='0' cellspacing='0' style='border:solid 2px #FF9900' align='center'><tr><td align='center' valign='middle' bgcolor='#FFF8D9'><img src='images/iconos/info2.gif' width='21' height='18' /><span style='font-family: Verdana;font-size: 12px;color:#FF9900;'>&nbsp;<strong>El texto ingresado contiene caracteres &oacute; longitud inv&aacute;lida</strong></span></td></tr></table>";





	   	input.focus();  

   } else if (valorp.length==0){

	    divMensaje.innerHTML="<table width='390' height='38' border='0' cellpadding='0' cellspacing='0' style='border:solid 2px #990000' align='center'><tr><td align='center' valign='middle' bgcolor='#FFDDDD'><img src='images/iconos/cancel_1.png' width='14' height='14' /><span style='font-family: Verdana;font-size: 12px;color:#990000;'>&nbsp;&nbsp;&nbsp;<strong>ERROR . . . Debe incluir al menos una Contrase\u00f1a</strong></span></td></tr></table>";



   		input1.focus();       

   

	}

	else

	{

		// Deshabilito inputs y botones para evitar dobles ingresos

		

		divMensaje.innerHTML="<table width='232' height='37' border='0' cellpadding='0' cellspacing='0' style='border:solid 2px #3300FF' align='center'><tr bgcolor='#D2E4FF'><td width='228' height='33' align='center' valign='middle'><table width='216' border='0' cellspacing='0' cellpadding='0'><tr><td width='40' height='33'><img src='images/network.gif' width='32' height='33' /></td><td width='301'><span style='font-family: Verdana;font-size: 12px;color:#3300FF;'>&nbsp;<strong>Comprobando Usuario !!...</strong></span></td></tr></table></td></tr></table>";

		// Creo la conexion con el servidor y le envio la variable evento (que le indica si debe ingresar o verificar) y el dato a utilizar

		var ajax=nuevoAjax();

		ajax.open("POST", "login_validacion.php", true);

		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

		ajax.send(evento+"="+valor+"&passw="+valorp);		

		ajax.onreadystatechange=function()

		{

			if (ajax.readyState==4)

			{

				//divMensaje.innerHTML=ajax.responseText;				

				var longstring=ajax.responseText;

				var brokenstring=longstring.split("><");

				var mail='';

				var nomb='';

				var ape='';

				var niv='';

				if (brokenstring[0] == "no"){

						

						divMensaje.innerHTML="<table width='430' height='38' border='0' cellpadding='0' cellspacing='0' style='border:solid 2px #FF9900' align='center'><tr><td align='center' valign='middle' bgcolor='#FFF8D9'><img src='images/iconos/info2.gif' width='21' height='18' /><span style='font-family: Verdana;font-size: 12px;color:#FF9900;'>&nbsp;<strong>Usuario \u00f3 Contrase\u00f1a Inv\u00e1lida... Intente Nuevamente</strong></span></td></tr></table>";



						input.value=valor;						

						input1.value="";

							

				  	    input1.disabled = "";

						input.focus();

						

                } else if(brokenstring[0] == "si"){	

				

				        divMensaje.innerHTML="<p>";



				

				        location.href = "cpanel.php";

				

				}

				

				

			}

		}

	}

}



function validar(e) {

  tecla = (document.all) ? e.keyCode : e.which;

  if (tecla==13) nuevoEvento('verificacion');

}