$().ready(function () {
    $('.btnEnviarContacto').button();
    $('.btnEnviarContacto').click(fnEnviarContacto);
});


function fnEnviarContacto() {
    $('#btnEnviarContacto').attr("disabled", "disabled");
    $('#imgAjaxLoading').css('display', 'block');
    $('#txtResultadoEnvio').html('');
    var nombre = $('#txtNombre').val();
    var email = $('#txtEmail').val();
    var tlf = $('#txtTelefono').val();
    var observaciones = $('#txtObservaciones').val();

    $.ajax(
    {
        url: "/Contacto.aspx/EnviarContacto",
        type: "POST",
        data: "{'nombre':'" + nombre + "','email':'" + email + "','telefono':'" + tlf + "','observaciones':'" + observaciones + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            if (response) {
                $('#txtResultadoEnvio').html('Your request has been succesfully submitted');
            }
            else {
                $('#txtResultadoEnvio').html('<b>ERROR</b>: a problem ocurred submitting your request');
            }
            $('#imgAjaxLoading').css('display', 'none');
            $('#btnEnviarContacto').removeAttr("disabled");
        },
        error: function () {
            alert(arguments[2]);
            $('#imgAjaxLoading').css('display', 'none');
            $('#btnEnviarContacto').removeAttr("disabled");
        }
    });
}