jQuery("#usp_id_field").observe_field(1, function(){
  var me=this;
  jQuery(this).addClass('checking').removeClass('validated');
  jQuery.getJSON('/plugin/stoa/check_usp_id?usp_id='+me.value,
    function(data){
      if(data.exists) {
        jQuery.getJSON('/plugin/stoa/check_cpf?usp_id='+me.value,
          function(data){
            if(data.exists){
              jQuery('#signup-birth-date').hide();
              jQuery('#signup-cpf').show();
              jQuery('#confirmation_field').remove();
              jQuery('<input id="confirmation_field" type="hidden" value="cpf" name="confirmation_field">').insertAfter('#usp_id_field');
            }
            else {
              jQuery('#signup-cpf').hide();
              jQuery('#signup-birth-date').show();
              jQuery('#confirmation_field').remove();
              jQuery('<input id="confirmation_field" type="hidden" value="birth_date" name="confirmation_field">').insertAfter('#usp_id_field');
            }
            jQuery('#signup-form .submit').attr('disabled', false);
            jQuery(me).removeClass('checking').addClass('validated');
          });
      }
      else {
        jQuery(me).removeClass('checking');
        if(me.value) {
          jQuery('#signup-form .submit').attr('disabled', true);
          jQuery(me).addClass('invalid');
        }
        else {
          jQuery('#signup-form .submit').attr('disabled', false);
          jQuery(me).removeClass('invalid');
          jQuery(me).removeClass('validated');
        }
        jQuery('#signup-birth-date').hide();
        jQuery('#signup-cpf').hide();
      }
      if(data.error) displayValidationUspIdError(data.error);
    }
  );
});

function displayValidationUspIdError(error){
  jQuery.colorbox({html: '<h2>'+error.message+'</h2>'+error.backtrace.join("<br />"),
    height: "80%",
    width:  "70%" });
}

jQuery('#usp_id_field').focus(function() {
  jQuery('#usp-id-balloon').fadeIn('slow');
});

jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); });

jQuery('#signup-birth-date #birth_date').focus(function() {
  jQuery('#usp-birth-date-balloon').fadeIn('slow');
});
jQuery('#signup-birth-date #birth_date').blur(function() {
  jQuery('#usp-birth-date-balloon').fadeOut('slow');
});

jQuery('#signup-cpf #cpf').focus(function() {
  jQuery('#usp-cpf-balloon').fadeIn('slow');
});
jQuery('#signup-cpf #cpf').blur(function() {
  jQuery('#usp-cpf-balloon').fadeOut('slow');
});