$(document).ready(function(){
    $(".text,.select").focus(function () {
         $(this).next("span").fadeIn(500);
    });
    $(".text,.select").blur(function () {
         $(this).next("span").fadeOut(100);
    });
	$("#signup").submit(function(){

		usuario		= $("#username").attr("value");
		contrasena	= $("#password").attr("value");
		correo		= $("#email").attr("value");
		sexo		= $("#sexo").attr("value");
		dia			= $("#dia").attr("value");
		mes			= $("#mes").attr("value");
		ano			= $("#ano").attr("value");

		action		= $(this).attr("action");

		$(this).fadeTo(1,"0.5");
		$("h2:contains('Crea una cuenta nueva')").text('Completando registro, un momento por favor...');
		$(this).prepend('<img src="recursos/imagenes/ajax-loading-5.gif" id="loading-signup" alt="Cargando" />');
		$("#loading-signup").css("float","right").css("margin","-40px 0px 0px 0px");

		$.post(action,{susuario:usuario,scontrasena:contrasena,scorreo:correo,ssexo:sexo,sdia:dia,smes:mes,sano:ano},function(data){
			$("#signup").fadeTo(1,"1");
			$("h2:contains('Completando registro, un momento por favor...')").text('Crea una cuenta nueva');
			$("#loading-signup").remove();
			if(data=='reintentar'){
				$("#signup").submit();
			}else{
				if(data=='ok'){
					$("h2:contains('Crea una cuenta nueva')").text('Registro completado').css("color","#090");
					$("#signup").html(	'<div align="center" style="padding:30px; color:#444;">'+
										'Registro completado. <br /><br />  <strong>Revisa tu correo para validar tu cuenta</strong> y poder acceder a ovejasnegras.'+
										'</div>');
				}else{
					alert(data);
				}
			}
		});

		$("#signup").ajaxError(function(event, request, settings){
			alert("Oops. Error de solicitud AJAX; por favor vuelve a intentarlo.");
			$(this).fadeTo(1,"1");
			$("h2:contains('Completando registro, un momento por favor...')").text('Crea una cuenta nueva');
			$("#loading-signup").remove();
			return false;
		});


		return false;						 
	});
});