// JavaScript Document
	$(document).ready(function(){					
		$('#cssdropdown li.headlink').hover(			
		    function() { $('ul', this).css('display', 'block'); },
			function() { $('ul', this).css('display', 'none'); });									
/*
			function(){ $('ul', this).slideDown('medium'); },
			function(){ $('ul', this).css('display','none'); });			
*/				
		initMenu();
		irHistorico();		
		validarCampoReg();			
	});
/* ######### */
function initMenu(){
	$('#menu ul').hide();
	$('#menu li a').click(function(){
	var checkElemento = $(this).next();
	if((checkElemento.is('ul')) && (checkElemento.is(':visible')))
	{
		return false;
	}
	if((checkElemento.is('ul')) && (!checkElemento.is(':visible'))){
		$('#menu ul:visible').slideUp('normal');
		checkElemento.slideDown('normal');
		return false;
	}
	});
}	
//
function irHistorico(){
	rand = Math.random()*9999999999;
	$("a#historico").click(function(){
		url = $(this).attr("href");	
		
		$("#derecha").load(url+"?rand="+rand);	
		return false;
	});
}	
// #####################################
function validarCampoReg(){
	campo = $('#signup');
	campoEmail = $('#emailReg');
	boton = $('.bt_register');

	campo.click(function(){
		campo.css("background","#414141");
	})	
	campoEmail.click(function(){
		campoEmail.css("background","#414141");
	});
	
	rand = Math.random()*999999999999;

	campo.blur(function(){
		valor = campo.attr("value");
		urlPag = "ajax/validaCampoNuevoReg.php?valor="+valor+"&opcion=1&rand="+rand; 
		destino = $("#destinoUser");		
		validaCampo(valor,urlPag,destino,'Usuario');
	});
	// ############################################	
	campoEmail.blur(function(){
		valor = campoEmail.attr("value");
		urlPag = "ajax/validaCampoNuevoReg.php?valor="+valor+"&opcion=2&rand="+rand;
		destino = $("#destinoEmail");
		if(valor != ""){
			if(validarEmail(valor)){
			  validaCampo(valor,urlPag,destino,'Email');		
			}
			else{
			  destino.html("<span style='color: #CC3300;'>¡Error! email incorrecto</span>");
			}
		}
	});
	
	boton.click(function(evento){
	evento.preventDefault();
		valorUser = $('#signup').attr("value");
		valorEmail = $('#emailReg').attr("value");		
		if(valorUser==""){
			$('#signup').css("background","#4DA4D2");
			return false;
		}
		if(valorEmail==""){
			$('#emailReg').css("background","#4DA4D2");
			return false;
		}
		// validamos CAMPO USUARIO
		bodyHTML  = "";
		bodyHTML += "<div style='border: 1px solid #3C3C3C; background-color: #2F2F2F; padding: 15px; font-size: 14px;'>";
		bodyHTML += "Se ha enviado un email a la cuenta <br /><br /><img src='images/correo.png' alt='diseño Web Email' style='float: left;' />";
		bodyHTML += "<span style='color: #15ADFF; display: block; padding: 2px; margin-left: 40px; font-size: 12px;'>" + campoEmail.attr("value") + "</span><br />";
		bodyHTML += "<p style='color: #CCC; font-size: 10px;'>Revisa tu correo se te ha enviado la Liga de Activación para poder registrarte, no te llevara mas de 2 minutos</p>";
		bodyHTML += "<p>Registro <span style='color: #0289C1;'>macrowebdigital.com</span></p>";
		bodyHTML += "</div>";
		
		urlPag = "ajax/validaCampoNuevoReg.php?valor="+campo.attr("value")+"&opcion=1&rand="+rand; 
		urlPag2 = "ajax/validaCampoNuevoReg.php?valor="+campoEmail.attr("value")+"&opcion=2&rand="+rand;
		$.ajax({type: 'POST', url: urlPag, success: function(data){if(data!=1){  
		$.ajax({type: 'POST', url: urlPag2, success: function(data){if(data!=1){
					capaValid = $('.left.right');
					capaValid.html(bodyHTML);
					$.ajax({type: 'POST', url: "ajax/enviarEmailActivacion.php?email="+campoEmail.attr("value")+"&rand="+rand, success: function(){
						alert("se ha enviado el correo");
					}});					
				}}});																	  
		}}});		
	});	
}
/* ##########################  */
function validaCampo(valor,urlPag,destino,campo){	
		if(valor != ""){
			$.ajax({
				type: 'POST',
				url:  urlPag,
				success: function(data){
					if(data == 1){
						destino.html("<span style='color: #CC3300;'>Error! este "+ campo +" ya existe</span>");
					}else{
						destino.html("<span style='color: #61B821;'>"+campo+" Correcto</span>");
					}
				}
			});
		}
}
// ###############################
// VALIDA EMAIL
function validarEmail(valor) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
//alert("La dirección de email " + valor + " es correcta.")
return (true)
} else {
//alert("La dirección de email es incorrecta.");
return (false);
}
}
// ###########################