// JavaScript Document
function objetoAjax(){
	
		var xmlhttp=false;
		try {
		
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			
		} catch (e) {
		
			try {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (E) {
				xmlhttp = false;
			}
		
		}
		if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		  xmlhttp = new XMLHttpRequest();
		}
		
		return xmlhttp;
		
}


function validarUsuarioFormulario(camp){
	
		ajax = objetoAjax();
		
		var detalleCamp1 = document.getElementById("detalleCamp1");
		var userStatus = document.getElementById("userCamp1");
		var user = document.getElementById("user");
		var formCamp = document.getElementById("formCamp1");
		var cantCamp = parseInt(document.getElementById("cantCampos1").value);
		var cantCampIni = parseInt(document.getElementById("cantCamposIni1").value);
		var flag2 = "1";
		
		ajax.open("POST", "validarUsuario.php",true);
  		ajax.onreadystatechange=function() {
		
			  detalleCamp1.style.paddingTop = "6px";
			  detalleCamp1.style.paddingBottom = "6px";
		
			  if (ajax.readyState==0) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	 
			  }	
			  if (ajax.readyState==1) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }				  
			  if (ajax.readyState==2) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }		
			  if (ajax.readyState==3) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";		 
			  }	
			  if (ajax.readyState==4) {
			  	
				 flag2 = ajax.responseText;
				 detalleCamp1.style.paddingTop = "8px";
			 	 detalleCamp1.style.paddingBottom = "8px";
				 //parche------------------------------------------------------------------
				 if(document.formulario.length > 5){
					 
					 if(flag2 == "1"){
						
						detalleCamp1.innerHTML = "The ID is<br> already used";	
						userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
						camp.ok = false;		
					
					}else{
					
						detalleCamp1.innerHTML = "Avaliable ID<br>&nbsp;";
						userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";	
						camp.ok = true;
						
					
					}
					
				 }else{
					 
					 if(flag2 == "0"){
						
						detalleCamp1.innerHTML = "User is not<br>registered";	
						userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
						camp.ok = false;		
					
					}else{
					
						validarUsuarioEmailFormulario(camp)
						
					} 
					 
				 }
				  //------------------------------------------------------------------
				 
				 
				 
				//parche-----------------------------------------------------------------
				if(document.formulario.length > 5){
				
					document.formulario.saludo.ok = true;
					document.formulario.address2.ok = true;
					
				}
				//-----------------------------------------------------------------
		
				var flag = true;
			
				for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
			
					if(!document.formulario.elements[i].ok){
					
						flag = false;
					
					}	
				
				}	
					
				if(flag){
		
					formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
					document.formulario.ok1 = true;
		
				}else{
				
					formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";	
					document.formulario.ok1 = false;
		
				}
				
				if(document.formulario.ok1 && document.formulario.ok2 && document.formulario.ok3){
	
					document.getElementById("finish").style.display = "block";
				
				}else{
				
					document.getElementById("finish").style.display = "none";
					
				}
				
				if(document.formulario.length < 5){
		
					if(document.formulario.ok1){
						
						document.getElementById("finish").style.display = "block";
						
					}else{
						
						document.getElementById("finish").style.display = "none";
						
					}
					
				}
				
				return;
					
			 }
			  
			  
						 
		 }
		 
	
		ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		ajax.send("user="+document.formulario.user.value);
		 
		
		

}



function validarUsuarioEmailFormulario(camp){
	
		ajax = objetoAjax();
		var detalleCamp1 = document.getElementById("detalleCamp1");
		var userStatus = document.getElementById("userCamp1");
		var user = document.getElementById("user").value;
		var email = document.getElementById("email").value;
		var formCamp = document.getElementById("formCamp1");
		var cantCamp = parseInt(document.getElementById("cantCampos1").value);
		var cantCampIni = parseInt(document.getElementById("cantCamposIni1").value);
		var flag2 = "1";
		
		ajax.open("POST", "validarUsuarioEmail.php",true);
  		ajax.onreadystatechange=function() {
		
			  detalleCamp1.style.paddingTop = "6px";
			  detalleCamp1.style.paddingBottom = "6px";
		
			  if (ajax.readyState==0) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	 
			  }	
			  if (ajax.readyState==1) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }				  
			  if (ajax.readyState==2) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }		
			  if (ajax.readyState==3) {
					detalleCamp1.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";		 
			  }	
			  if (ajax.readyState==4) {
			  	
				 flag2 = ajax.responseText;
				 detalleCamp1.style.paddingTop = "8px";
			 	 detalleCamp1.style.paddingBottom = "8px";
				 
					 if(flag2 == "1"){
						
						detalleCamp1.innerHTML = "OK<br>&nbsp;";
						userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";	
						document.formulario.user.ok = true;	
						document.formulario.email.ok = true;	
					
					}else{
					
						detalleCamp1.innerHTML = "User Id and Email<br> do not match";
						userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";	
						document.formulario.user.ok = false;	
						document.formulario.email.ok = false;					
					
					}
				
				
				var flag = true;
			
				for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
			
					if(!document.formulario.elements[i].ok){
					
						flag = false;
					
					}	
				
				}	
					
				if(flag){
		
					formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
					document.formulario.ok1 = true;
		
				}else{
				
					formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";	
					document.formulario.ok1 = false;
		
				}
				
		
				if(document.formulario.ok1){
					
					document.getElementById("finish").style.display = "block";
					
				}else{
					
					document.getElementById("finish").style.display = "none";
					
				}

				return;
					
			 }
			  
			  
						 
		 }
		 
	
		 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		 ajax.send("user="+document.formulario.user.value+"&email="+document.formulario.email.value);
		 
		
		

}






function validarNumero(camp){

		//parche------------------------------------------------------------------------

			var detalleCamp2 = document.getElementById("detalleCamp2");
			var userStatus = document.getElementById("userCamp2");
			var formCamp = document.getElementById("formCamp2");
			var cantCamp = parseInt(document.getElementById("cantCampos2").value);
			var cantCampIni = parseInt(document.getElementById("cantCamposIni2").value);

		//----------------------------------------------------------------------------

		
		var phone = document.getElementById("phone");

		
		
				 detalleCamp2.style.paddingTop = "8px";
			 	 detalleCamp2.style.paddingBottom = "8px";
				 	
					 
					 if(isNaN(phone.value)){
						
						detalleCamp2.innerHTML = "Only numbers<br> accepted";	
						userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
						camp.ok = false;		
					
					}else{
					
						detalleCamp2.innerHTML = "OK<br>&nbsp;";
						userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";	
						camp.ok = true;

					}

			
					 
				//parche------------------------------------------------------------------------
				if(document.formulario.length > 5){
				
					document.formulario.address2.ok = true;
					document.formulario.saludo.ok = true;
					
				}
				//------------------------------------------------------------------------
	
				var flag = true;
			
				for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
			
					if(!document.formulario.elements[i].ok){
					
						flag = false;					
					
					}	
				
				}	
				
				
					
				if(flag){
		
					formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
					document.formulario.ok2 = true;
		
				}else{
				
					formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";	
					document.formulario.ok2 = false;
		
				}
				
				if(document.formulario.ok1 && document.formulario.ok2 && document.formulario.ok3){
	
					document.getElementById("finish").style.display = "block";
				
				}else{
				
					document.getElementById("finish").style.display = "none";
					
				}
				
			
		
					if(document.formulario.ok2){
						
						document.getElementById("finish").style.display = "block";
						
					}else{
						
						document.getElementById("finish").style.display = "none";
						
					}
					
				
				
				return;
					
			 }
			  



function validarEmail(valor) {

	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
	
		return 0;
	
	} else {
	
		return 1;
	
	}

}


function validarEmailFormulario(camp){
	
		ajax = objetoAjax();

		//parche------------------------------------------------------------------------
		if(document.formulario.length > 5){
			var detalleCamp2 = document.getElementById("detalleCamp2");
			var userStatus = document.getElementById("userCamp2");
			var formCamp = document.getElementById("formCamp2");
			var cantCamp = parseInt(document.getElementById("cantCampos2").value);
			var cantCampIni = parseInt(document.getElementById("cantCamposIni2").value);
		}else{
			var detalleCamp2 = document.getElementById("detalleCamp1");
			var userStatus = document.getElementById("userCamp1");
			var formCamp = document.getElementById("formCamp1");
			var cantCamp = parseInt(document.getElementById("cantCampos1").value);
			var cantCampIni = parseInt(document.getElementById("cantCamposIni1").value);
		}
		//----------------------------------------------------------------------------

		
		var email = document.getElementById("email");
		var flag2 = "1";
		
		ajax.open("POST", "validarEmail.php",true);
  		ajax.onreadystatechange=function() {
		
			  detalleCamp2.style.paddingTop = "6px";
			  detalleCamp2.style.paddingBottom = "6px";
		
			  if (ajax.readyState==0) {
					detalleCamp2.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	 
			  }	
			  if (ajax.readyState==1) {
					detalleCamp2.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }				  
			  if (ajax.readyState==2) {
					detalleCamp2.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";	
			  }		
			  if (ajax.readyState==3) {
					detalleCamp2.innerHTML = "<center><img src='images/indicator.gif' class='load'>&nbsp;<br><font color='#666666'>Checking</font></center>";		 
			  }	
			  if (ajax.readyState==4) {
			  	
				 flag2 = ajax.responseText;
				 detalleCamp2.style.paddingTop = "8px";
			 	 detalleCamp2.style.paddingBottom = "8px";
				 
				 
				 if(document.formulario.length > 5){
					 
					 if(flag2 == "1"){
						
						detalleCamp2.innerHTML = "This email is <br> already registered";	
						userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
						camp.ok = false;		
					
					}else{
					
						if(validarEmail(camp.value) == 0){
					
							detalleCamp2.innerHTML = "Avaliable email<br>&nbsp;";
							userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";	
							camp.ok = true;
						
						}else{
						
							detalleCamp2.innerHTML = "The e-mail sintax<br>is wrong;";
							userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";	
							camp.ok = false;
						
						}
						
					
					}
					
				 }else{
					 
					 
					if(flag2 == "1"){
						
						if(validarEmail(camp.value) == 0){
							
							validarUsuarioEmailFormulario(camp)
								
						}else{
						
							detalleCamp2.innerHTML = "The e-mail sintax<br>is wrong";
							userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
							camp.ok = false;
						
						}
					
					}else{
					
						if(validarEmail(camp.value) == 0){
					
							detalleCamp2.innerHTML = "This email is not<br>registered";
							userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";	
							camp.ok = false;
						
						}else{
						
							detalleCamp2.innerHTML = "The e-mail sintax<br>is wrong";
							userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";	
							camp.ok = false;
						
						}
						
					
					} 
					 
					 
				 }
					 
				//parche------------------------------------------------------------------------
				if(document.formulario.length > 5){
				
					document.formulario.address2.ok = true;
					document.formulario.saludo.ok = true;
					
				}
				//------------------------------------------------------------------------
	
				var flag = true;
			
				for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
			
					if(!document.formulario.elements[i].ok){
					
						flag = false;
					
					}	
				
				}	
					
				if(flag){
		
					formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
					document.formulario.ok2 = true;
		
				}else{
				
					formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";	
					document.formulario.ok2 = false;
		
				}
				
				if(document.formulario.ok1 && document.formulario.ok2 && document.formulario.ok3){
	
					document.getElementById("finish").style.display = "block";
				
				}else{
				
					document.getElementById("finish").style.display = "none";
					
				}
				
				if(document.formulario.length < 5 ){
		
					if(document.formulario.ok2){
						
						document.getElementById("finish").style.display = "block";
						
					}else{
						
						document.getElementById("finish").style.display = "none";
						
					}
					
				}
				
				return;
					
			 }
			  
			  
						 
		 }
		 
	
		 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		 ajax.send("email="+document.formulario.email.value);
		 
		
		

}

function formStatus(camp, required, tab, longitud){

	var formCamp = document.getElementById("formCamp"+tab);
	var userStatus = document.getElementById("userCamp"+tab);
	var requiredCamp = document.getElementById("requiredCamp"+tab);
	var detalleCamp = document.getElementById("detalleCamp"+tab);
	var cantCamp = parseInt(document.getElementById("cantCampos"+tab).value);
	var cantCampIni = parseInt(document.getElementById("cantCamposIni"+tab).value);
	jQuery(userStatus).fadeIn(400);
	jQuery(requiredCamp).fadeIn(400);
	jQuery(detalleCamp).fadeIn(400);

	
	
	if(required){
	
		requiredCamp.innerHTML = "Required <br> &nbsp;";
	
	}else{
	
		requiredCamp.innerHTML = "Optional <br> &nbsp;";
	
	}
	
	if(longitud == 0){
	
		detalleCamp.innerHTML = "No <br> restrictions";
	
	}else if(longitud == -1){
	
		detalleCamp.innerHTML = "E-mail<br>&nbsp;";
	
	}else{
	
		detalleCamp.innerHTML = longitud+" characters <br> min";
	
	}
	
	if(((camp.value == "" && required) || camp.value.length < longitud) || camp.value == "seleccionar"){

		userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";	
		camp.ok = false;	
		
	}else{
	
		if(camp == document.formulario.user){
		
			validarUsuarioFormulario(camp);
		
		}else if(camp.name == "email"){
		
			validarEmailFormulario(camp);
		
		}else if(camp.name == "phone"){
		
			validarNumero(camp);
		
		}else if(camp == document.formulario.pass || camp == document.formulario.passConfirm){
		//parche-------------------------------------------------------------------------------
			if(document.formulario.length > 5){
		
				if(document.formulario.pass.value != document.formulario.passConfirm.value){
				
					userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
					document.formulario.passConfirm.ok = false;
					document.formulario.pass.ok = false;
					detalleCamp.innerHTML = "\"Pass\" does<br>  not match";
				
				}else{
				
					userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";
					document.formulario.passConfirm.ok = true;
					document.formulario.pass.ok = true;
					detalleCamp.innerHTML = "OK<br>&nbsp;";
				
				}
				
			}else{
				
				if(document.formulario.passConfirm.value != document.formulario.pass.value){
				
					userStatus.innerHTML = "Camp <br><img src='images/deshabilitado.gif'>";
					document.formulario.passConfirm.ok = false;
					document.formulario.pass.ok = false;
					detalleCamp.innerHTML = "\"Pass\" does<br>  not match";
				
				}else{
				
					userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";
					document.formulario.passConfirm.ok = true;
					document.formulario.pass.ok = true;
					detalleCamp.innerHTML = "OK<br>&nbsp;";
				
				}
				
			}
			
									
		//-------------------------------------------------------------------------------
		
		}else{
	
			userStatus.innerHTML = "Camp <br><img src='images/habilitado.gif'>";
			camp.ok = true;	
			detalleCamp.innerHTML = "OK<br>&nbsp;";
		
		}
	
	}
	
	if(tab == "1"){
		//parche------------------------------------------------------------------------
		if(document.formulario.length > 5){
			
			document.formulario.saludo.ok = true;
			
		}	
		//------------------------------------------------------------------------
			var flag = true;
		
			for(var i = cantCampIni; i < cantCamp + cantCampIni; i++){
		
				if(!document.formulario.elements[i].ok){
				
					flag = false;
				
				}	
			
			}	
	
			
		if(flag){

			formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
			document.formulario.ok1 = true;

		}else{
		
			formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";	
			document.formulario.ok1 = false;

		}

	
	}
	
	
	if(tab == "2"){
		//parche------------------------------------------------------------------------
		if(document.formulario.length > 5){
	
			document.formulario.address2.ok = true;
			
		}
		//------------------------------------------------------------------------
		var flag = true
	
		for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
	
			if(!document.formulario.elements[i].ok){
			
				flag = false;
			
			}	
		
		}	
			
		if(flag){

			formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";	
			document.formulario.ok2 = true;

		}else{
		
			formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";
			document.formulario.ok2 = false;
		
		}
	
	}
	
	
	
	
	if(tab == "3"){
		//parche------------------------------------------------------------------------
		if(document.formulario.length > 5){
		
			document.formulario.url.ok = true;
			
		}
		//------------------------------------------------------------------------
		var flag = true
	
		for(var i = cantCampIni; i < cantCampIni + cantCamp; i++){
	
			if(!document.formulario.elements[i].ok){
			
				flag = false;
			
			}	
		
		}	
			
		if(flag){

			formCamp.innerHTML = "Form <br><img src='images/habilitado.gif'>";
			document.formulario.ok3 = true;

		}else{
		
			formCamp.innerHTML = "Form <br><img src='images/deshabilitado.gif'>";
			document.formulario.ok3 = false;

		}
	
	}


	
	
	
	if(document.formulario.length <= 5){
		
		if(document.formulario.ok1){
			
			document.getElementById("finish").style.display = "block";
			
		}else{
			
			document.getElementById("finish").style.display = "none";
			
		}
		
	}else{
		
		if((document.formulario.ok1 && document.formulario.ok2) && document.formulario.ok3){
	
			document.getElementById("finish").style.display = "block";
	
		}else{
		
			document.getElementById("finish").style.display = "none";
			
		}

	}
	
		

}


function inicializar(){

	for(var i = 0; i < document.formulario.length; i++){
		
		document.formulario.elements[i].ok = false;
		document.formulario.ok1 = false;
		document.formulario.ok2 = false;
		document.formulario.ok3 = false;
			
	}
	
}


function limpiar(tab){

	userCamp = document.getElementById("userCamp"+tab);
	requiredCamp = document.getElementById("requiredCamp"+tab);
	detalleCamp = document.getElementById("detalleCamp"+tab);
	userCamp.style.display = "none";
	requiredCamp.style.display = "none";
	detalleCamp.style.display = "none";
	
}