UserRegistrationForm = Class.create();

UserRegistrationForm.prototype = {

    form   : null,

    initialize : function(form)
    {
        this.form = $(form);
        this.form.observe('submit', this.onSubmit.bindAsEventListener(this));

        this.resetErrors();
    },

    resetErrors : function()
    {
        this.form.getElementsBySelector('.error').invoke('hide');
    },

    showError : function(key, val)
    {
        var formElement = this.form[key];
        var container = formElement.up().down('.error');

        if (container) {
            container.update(val);
            container.show();
        }
    },

    onSubmit : function(e)
    {
        Event.stop(e);

        var options = {
            parameters : this.form.serialize(),
            method     : this.form.method,
            requestHeaders: {Accept: 'application/json'},
            onSuccess  : this.onFormSuccess.bind(this)
        };

        this.resetErrors();
        new Ajax.Request(this.form.action, options);
    },

    onFormSuccess : function(transport)
    {
        var json = transport.responseText.evalJSON(true);
        var errors = $H(json.errors);

		  if (errors.size() > 0) {
            this.form.down('.error').show();
            errors.each(function(pair) {
                this.showError(pair.key, pair.value);
                if (pair.key == 'captcha_input')
                {
                	   // qui bisogna anche aggiornare la vista della immagine captcha
            			var options = {
            						onSuccess  : this.onCambioCaptchaSuccess.bind(this)
            			};
            			new Ajax.Request('/utility/captchazend', options);
                }
            }.bind(this));
        }
        else {
            this.form.submit();
        }
    },
    
    onCambioCaptchaSuccess : function(transport)
    {
    		new Ajax.Updater( $('images_captcha_registrazione'), '/utility/mostracaptchaimage' );
    		new Ajax.Updater( $('id_captcha_registrazione'), '/utility/mostracaptchainput' );
    }
};