$(function(){

    //SLIDEPANEL
    $('#wrapperSlidePanel').show();
    $('#btnSlidePanel').click(function(){
        $('#slidePanel').slideToggle('slow');
    });



    //SEND FORM OPINION
    $('#sendMessage .send').click(function(e){
        var name = $('input#fname').val();
        var comment = $('textarea#fcomment').val();
        var dataString = 'name='+ name + '&comment=' + comment;
        //alert(dataString);return false;
        var $responseServer = $('#responseServer');

        var error = {};
        error.name = 'El nombre no puede tener menos de 2 carácteres.';
        error.comment = 'EL comentario debe ser superior a 10 carácteres.';


        if(name.length <= 2){
            $responseServer.html('<span style="color:#f00;">' + error.name + '</span>')
            return false;
        }
        if(comment.length <= 10){
            $responseServer.html('<span style="color:#f00;">' + error.comment + '</span>')
            return false;
        }

        $responseServer.html('<span style="color:#0F0;">' + 'ha comenzado el envio'+ '</span>');
        $.ajax({
            type: 'POST',
            url: base_url + 'jsReceiveOpinion',
            data: dataString,
            success: function(response){
                var oJson = eval('(' + response + ')');

                $('#slidePanel .content')
                .animate({
                    opacity:0
                }, 700, function(){
                    $('#slidePanel .content').html('<p class="fase1">Muchisimas gracias ' + oJson.username + '!! Tu comentario nos ha llegado con éxito. Si pasa nuestra moderación podrás verlo publicado en la Web. Esperamos verte pronto</p>');
                }).animate({
                    opacity:1
                }, 200)

            //$('#slidePanel').slideToggle('slow');
            }
        });

        e.preventDefault();
    });

    //VALIDATION FORM OPINION
    var maxlengthtextarea = 178;
    $('textarea#fcomment').keydown(function(){
        if($(this).val().length >= maxlengthtextarea){
            $(this).val($(this).val().substring(0, maxlengthtextarea-1));
        }
    })



});