// 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="inc/register2.php";
	
	claseNormal="input";
	claseError="inputError";
	
	ayuda=new Array();
	ayuda["Username"]="De 4 a 15 caracteres. OBLIGATORIO";
	ayuda["Password"]="De 6 a 15 caracteres. OBLIGATORIO";

	
	preCarga("images/ajax/ok.gif", "images/ajax/loading.gif", "images/ajax/error.gif");
}

function preCarga()
{
	imagenes=new Array();
	for(i=0; i<arguments.length; i++)
	{
		imagenes[i]=document.createElement("img");
		imagenes[i].src=arguments[i];
	}
}
function login()
{
	window.location="noticias.php";
}
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<=1; i++)
	{
		form.elements[i].className=claseNormal;
	}
}

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


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

function muestraMensaje2(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, minimo, maximo)
{
	var cantCar=valor.length;

	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 validaForm2()
{
	limpiaForm();
	error=0;
	String.prototype.trim = function(){ return this.replace(/^\s+|\s+$/g,'') }
	
	var username=eliminaEspacios(form.username2.value);
	var password=eliminaEspacios(form.password2.value);
	var cpassword=eliminaEspacios(form.cpassword2.value);
	var email=eliminaEspacios(form.email.value);

	if(!validaLongitud(username, 4, 15)) campoError(form.username2, 1);
	if(!validaLongitud(password, 6, 15)) campoError(form.password2, 1);
	if(!validaLongitud(cpassword, 6, 15)) campoError(form.cpassword2, 1);
	if(password != cpassword) campoError(form.password, 3);
	if(!validaCorreo(email)) campoError(form.email, 4);
	if(error > 0)
	{
		if(error==1)
		{
			var texto="<img src='images/ajax/error.gif' alt='Error'><br><br>Error: revise los campos en rojo.<br><br><button style='width:45px; height:25px; font-size:12px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
			muestraMensaje2(texto);
		}
		if(error==3)
		{
			var texto="<img src='images/ajax/error.gif' alt='Error'><br><br>Error: Los Passwords no coinciden.<br><br><button style='width:45px; height:25px; font-size:12px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
			muestraMensaje2(texto);
		}
		if(error==4)
		{
			var texto="<img src='images/ajax/error.gif' alt='Error'><br><br>Error: El email introducido no es correcto.<br><br><button style='width:45px; height:25px; font-size:12px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
			muestraMensaje2(texto);
		}
	}
	else
	{
		var texto="<img src='images/ajax/loading.gif' alt='Enviando'><br>Enviando. Por favor espere.<br><br><button style='width:60px; height:25px; font-size:12px;' onClick='ocultaMensaje()' type='button'>Ocultar</button>";
		muestraMensaje2(texto);
		
		var ajax=nuevoAjax();
		ajax.open("POST", urlDestino, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send("username="+username+"&password="+password+"&cpassword="+cpassword+"&email="+email);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText.trim();
				if(respuesta=="ok")
				{
					var texto="<img src='images/ajax/ok.gif'><br><br>Usuario registrado con exito.<br><button style='width:45px; height:25px; font-size:10px;' onClick='login()' type='button'>Ok</button>";
					muestraMensaje2(texto);
				}
				else 
				{
					var texto="<img src='images/ajax/error.gif'><br><br>El usuario o el email ya esta registrado.<br><br><button style='width:45px; height:25px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
					muestraMensaje2(texto);
				}
			}
		}
	}
}