//Carga de página
$(document).ready(
    function() {
        $('#formpregunta').css({ 'display': 'none' });
        $('#nuevapregunta').css({ 'display': 'block' });
    }
);

//Asignar eventos Click
    $('#nuevapregunta').live('click', function() {
        $('#formpregunta').modal({ onOpen: FormPreguntaOpen, onClose: FormPreguntaClose }); return false; ;
    });

$('#ctl00_ContentPlaceHolder1_uxbt_submit').live('click', function() {
    Enviar();
});

//Enviar formulario (peticion ajax)
function Enviar() {
    var nombre = document.getElementById("ctl00_ContentPlaceHolder1_uxtb_nombre").value;
    var pseudonimo = document.getElementById("ctl00_ContentPlaceHolder1_uxtb_pseudonimo").value;
    var mail = document.getElementById("ctl00_ContentPlaceHolder1_uxtb_mail").value;
    var pregunta = document.getElementById("ctl00_ContentPlaceHolder1_uxtb_pregunta").value;
    PageMethods.NuevaPregunta(nombre, pseudonimo, mail, pregunta    , NuevaPreguntaCallBack);
}

//Respuesta petición ajax
function NuevaPreguntaCallBack(result) {
    if (result == '') {
        //success
        $('#contenidoformulario').fadeOut('slow', function() {
        $('#contenidoformulario').html("<div id='mensajeajax' class='success'>Su pregunta fue insertada con éxito. Será publicada cuando el moderador la valide. Gracias por su participación.</div>");
            $('#contenidoformulario').fadeIn('slow');
        });
    }
    else {
        //error
        if ($('#mensajeajax').html() != null) {
            $('#mensajeajax').html(result);
            //elimino clases
            $('#mensajeajax').toggleClass("error", false);
            $('#mensajeajax').toggleClass("success", false);
            $('#mensajeajax').addClass("error");
        }
        else {
            var html_temp = $('#contenidoformulario').html();
            $('#contenidoformulario').html("<div id='mensajeajax' class='error'>" + result + "</div>" + html_temp);
        }

        $('#mensajeajax').hide();
        $('#mensajeajax').fadeIn('slow');
    }
}

//Abrir formularo
function FormPreguntaOpen(formulario) {
    /*formulario.overlay.fadeIn('slow', function() {
        formulario.container.fadeIn('slow', function() {
            formulario.data.hide().fadeIn('slow');
        });
    });*/
    formulario.data.fadeIn('normal');
    formulario.container.fadeIn('normal');
    formulario.overlay.fadeIn('normal');
}

//Cerrar formulario
function FormPreguntaClose(formulario) {
    formulario.data.fadeOut('slow');
    formulario.container.fadeOut('slow');
    formulario.overlay.fadeOut('slow', function() { $.modal.close(); });
}