// JavaScript Document
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    var options = { 
       // target:        '#output1',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
		//dataType:		'xml',
        success:       showResponse  // post-submit callback
		

 
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
 
    // bind form using 'ajaxForm' 
    $('#let').ajaxForm(options); 
}); 

 /*$(document).ready(function() {
	$('#signup').bind('submit', function() {
			$(this).ajaxSubmit({
			target: '#output'
		});
	return false; // <-- important!
	});
}); */
 
// pre-submit callback 
function showRequest(formData, jqForm, options) { 
    // formData is an array; here we use $.param to convert it to a string to display it 
    // but the form plugin does this for you automatically when it submits the data 
    var queryString = $.param(formData); 
 
    // jqForm is a jQuery object encapsulating the form element.  To access the 
    // DOM element for the form do this: 
    // var formElement = jqForm[0]; 
 
   // alert('About to submit: \n\n' + queryString);
   $('#pommo_signup').attr("disabled","true");
 	$('#resultado').html("<span class='notify_send'>Enviando datos...</span>");
    // here we could return false to prevent the form from being submitted; 
    // returning anything other than false will allow the form submit to continue 
    return true; 
} 
 
// post-submit callback 
function showResponse(responseText, statusText)  { 
    // for normal html responses, the first argument to the success callback 
    // is the XMLHttpRequest object's responseText property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'xml' then the first argument to the success callback 
    // is the XMLHttpRequest object's responseXML property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'json' then the first argument to the success callback 
    // is the json data object returned by the server 
	if (statusText == "success")
	{
		var codeError = $('error', responseText).text();
		var error = $('error_desc', responseText).text();
		if (codeError != 3)
		{
			$('#resultado').html("<span class='error'>"+mensajes[error]+"</span>"); 
			 $('#pommo_signup').removeAttr('disabled');
		}else{
			$('.boletin').html(mensajes[error]);
		}
	}
	//var codeError = responseText.getElementsByTagName("error");
//	var errorDesc = responseText.getElementsByTagName("error_desc");
//	$("#output1").html(errorDesc);
} 

function processXml(responseXML) { 
    // 'responseXML' is the XML document returned by the server; we use 
    // jQuery to extract the content of the message node from the XML doc 
    var message = $('error_desc', responseXML).text(); 
    alert(message); 
}