jQuery(document).ready(function() {

    jQuery('.linkAbusif').each(function() { // each permet de catcher chaque class=linkAbusif sur la page (vu qu'il y aura plusieurs commentaires)

        var jQuerylink = jQuery(this);
        var Id = (jQuerylink.attr('id').split('-'));      

        /*
         *Version préchargement des popup avant le click
         */

        //on prépare le dialog et son contenu
        var $dialog = jQuery("<div id=\"abus\">êtes vous sur de vouloir signaler ce commentaire comme un abus ? \n\
                                <br/><br/>*description:\n\
                                <br/><span class=\"required\"></span>\n\
                                <textarea class=\"description\" name=\"description\" cols=\"30\" rows=\"3\"></textarea>\n\
                                </div>")
        .dialog({ //on charge le contenu du popup (inclus dans le id="alertDialog") qu'on lancera en temps voulu
            autoOpen: false, //évite de lancer le dialog automatiquement dès le chargement de page
            resizable: false,
            height:200,
            modal: true, //pour "griser" le fond de la page
            buttons: {
                'Alerter': function() {
                    var Description = jQuery(this).find('textarea.description');                    
                    if(jQuery.trim(Description.val()) == ''){
                        jQuery(this).find('span.required').html('Champ obligatoire');
                    }else{
                        //on appelle la page désignée par le href du lien au moment du click "alerter"                                                
                        jQuery(this).load('/SignalerAbus/Id/'+Id[0]+'/Type/'+Id[1]+'/Description/'+encodeURIComponent(Description.val()),function(data){
                            //on cache le bouton alerter poru éviter qu'ils resignale
                            //  jQuery(this).parent().find('div.ui-dialog-buttonpane > button:first-child').hide();
                            jQuery(this).siblings('div.ui-dialog-buttonpane').find('button:first').hide();                          
                        });
                    }
                },
                'Fermer': function() {
                    jQuery(this).dialog('close');
                }
            }
        });





        jQuerylink.click(function() {
            $dialog.dialog('open');
            return false;
        });
    });
});
function toggleCommentPane()
{
    var dis = jQuery('#commentsForm').css('display');
    if(dis == 'none')
    {
        jQuery('#commentsForm').show();
    }
    else
    {
        jQuery('#commentsForm').hide();
        jQuery('html, body').animate({scrollTop: $("#reagirActu").offset().top}, 100);
    }
    return false;
}

function showCommentPane()
{
    jQuery(document).ready(function(){
        jQuery('#commentsForm').show();
    });
}