/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

	//jQuery(function() {
		// show a simple loading indicator
		/*var loader = jQuery('<div id="loader"><img src="images/loading.gif" alt="loading..." /></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});
		*/
		
	//});



    $(document).ready(function() {
							
		
        var options = {
            target:        '#respuesta',   // target element(s) to be updated with server response
            beforeSubmit:  showRequest,  // pre-submit callback
            success:       showResponse,  // post-submit callback
            resetForm: true
            // 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'
        var v = jQuery("#enviosug").validate({
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit(options);
			},
			rules: {
			nombre: "required",
			sugerencia: "required",
			correo: {
				required: true,
				email: true
			}
			},
			messages: {
			nombre: "Este campo es requerido.",
			sugerencia: "Este campo es requerido.",
			correo: "Por favor ingrese una direccion email valido."
			}

		});
		
		jQuery("#reset").click(function() {
			v.resetForm();
		});
		
		//$('#enviosug').ajaxForm( options );
    });

/*
function validate(formData, jqForm, options) { 
    // formData is an array of objects representing the name and value of each field 
    // that will be sent to the server;  it takes the following form: 
    // 
    // [ 
    //     { name:  username, value: valueOfUsernameInput }, 
    //     { name:  password, value: valueOfPasswordInput } 
    // ] 
    // 
    // To validate, we can examine the contents of this array to see if the 
    // username and password fields have values.  If either value evaluates 
    // to false then we return false from this method. 
 
    for (var i=0; i < formData.length; i++) { 
        if (!formData[i].value) { 
            alert('Por favor complete los datos del formulario antes de enviar'); 
            return false; 
        } 
    } 
	
	var form = jqForm[0]; 
    if (!form.nombre.value || !form.correo.value || !form.sugerencia.value ) { 
        alert('Todos los campos deben tener valores'); 
        return false; 
    } 
	
	
		var o = $('#correo');
		var email  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
           if (form.correo.value.match(email)) {
              doSuccess(o);
			  return true;
            } else {
				doError(o);
				return false;
            };
    //alert('Todos los campos deben estar llenos.'); 
	return true;
}

function doSuccess(o) {
			  $('#correo_img').html(' <img src="imag/accept.gif" border="0" style="float:left;" />');
              $('#correo_msg').html(' Email Correcto!');       
     }
	 
function doError(o) {
			
              $('#correo_img').html(' <img src="imag/exclamation.gif" border="0" style="float:left;" />');
			  $('#correo_msg').html(' Email Incorrecto!');
     }	 
*/
    // pre-submit callback
    function showRequest(formData, jqForm, options) {
        //alert("request");
        // 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];
        $('#enviosug').hide('slow');
        //alert('About to submit: \n\n' + queryString);

        // 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
        $('#respuesta').hide().fadeIn('slow');
        //alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        //    '\n\nThe output div should have already been updated with the responseText.');
    }