function Partager(url_page,url_script)
{
    /// Url pour Facebook
    var urlPartageFacebook = 'http://www.facebook.com/share.php?u='+encodeURIComponent(url_page);
    
    
    // 1. au cas où les div existent déjà on les supprime :
    $('#FN_partager').remove();
    $('#cadrePartager').remove();
    
    /// D'abord affichage du fond noir
    $('<div class="fond_noir" id="FN_partager"></div>')
    .hide()
    .appendTo('body')
    .fadeIn('slow');
    
    var message = 'Bonjour,<br /><br /><span id="vous_contenu"></span> a pensé que cette page pourrait vous intéresser : <br /><a href="'+url_page+'">'+url_page+'</a><br />Un portail communautaire pour apprendre et pratiquer le piano.<br /><br />A bientôt sur <a href="http://www.myflyingpiano.com/">www.MyFlyingPiano.com</a>';
    
    // Puis un cadre
    $('<div class="cadre_blanc" id="cadrePartager"></div>')
    .hide()
    .html('<span class="croix_rouge"><img height="12" src="images/articles/supprimer.png" /></span><h3>Envoyer cette page à un(e) ami(e)</h3>'+'<table cellpadding="3" cellsacing="0">'+
            '<tr>'+
                '<td>'+
                    'Vous (prénom, nom...)<br /><input id="champ_vous" class="champ_partager" type="text" size="25" maxlength="50" />'+
                '</td>'+
            '</tr>'+
            '<tr>'+
                '<td>'+
                    'E-mail d\'un(e) ami(e)<br /><input id="champ_destinataire" class="champ_partager" type="text" size="25" maxlength="80" /><input style="display:none;" id="submit_partager" type="submit" value="Envoyer" /><img id="ChargePartager" height="" src="images/ajax-loader3.gif" style="display:none; margin-left:5px;" />'+
                '</td>'+
            '</tr>'+
        '</table>'+
        '<p id="erreurEmail" style="display:none;" class="erreur"><strong>L\'e-mail n\'est pas correct</strong></p>'+
        '<p id="MessageOk" style="display:none;" class="info">C\'est envoyé ! D\'autres ami(e)s à prévenir ?</p>'+
        '<p class="contenu_article" id="messagePret" style="display:none;"><strong>Message prêt à être envoyé : </strong><br />'+message+'</p><br />'+
        
        '<!-- FACEBOOK -->'+
        '<table>'+
            '<tr>'+
                '<td>'+
                    '<img height="20" alt="image facebook" src="images/FaceBook-icon.png" />'+
                '</td>'+
                '<td>'+
                    '<a style="font-size:1.2em;" id="lien_Facebook" target="_blank" href="'+urlPartageFacebook+'">Partager cette page sur facebook</a>'+
                '</td>'+
            '</tr>'+
        '</table>')
    .appendTo('#FN_partager')
    .fadeIn('slow');
    
    
    // effacer les éventuels messages info
    function PartagerEffacerInfo()
    {
        $("#erreurEmail").fadeOut(1000);
        $("#MessageOk").fadeOut(1000);
    }
    $("#champ_destinataire").click(PartagerEffacerInfo);
    //$("#champ_destinataire").click(function(){$("#champ_destinataire").val('');}); // a réfléchir
    
    $("#champ_vous").click(PartagerEffacerInfo);    
    
    $('#champ_vous').blur(function(){
        
        var ContenuChampVous = $('#champ_vous').val();
        
        if(ContenuChampVous != '')
        {
            $('#messagePret').fadeIn('slow');
            $('#submit_partager').fadeIn('slow');
        
            $('#vous_contenu').html(ContenuChampVous);
        }
        
    });
    
    $('.croix_rouge').click(function(){ 
        $('#FN_partager').fadeOut('fast')
    });
    
    $('#submit_partager').ajaxStart(function(request, settings) { $(this).attr("disabled",true)});
    $('#submit_partager').ajaxStop(function(request, settings) { $(this).attr("disabled",false)});
                
    $('#ChargePartager').ajaxStart(function(request, settings) { $(this).show();});
    $('#ChargePartager').ajaxStop(function(request, settings) { $(this).hide();});
    
    $('#submit_partager').click(function(){
        
        //var url_script = ''; // vers global        
        
        var email = $('#champ_destinataire').val();
        var messagePret = message;
        var exped = $('#champ_vous').val();
        
        $.ajax({
            type : 'POST',
            cache : false,
            url : url_script,
            data : 'email='+email+'&message='+messagePret+'&expediteur='+exped,
            dataType : 'text',
            success : TraiterPartage,
            error : function() {alert('Erreur serveur... Merci de le signaler');}
            //Pero
            /*error : function (xhr, ajaxOptions, thrownError){
                                
                alert(xhr.status);
                alert(thrownError);}*/
                        });
        
    });
  
}

function TraiterPartage(reponse)
{
    if(reponse == "email_false")
    {
        $("#erreurEmail").fadeIn('slow');
        
    }
    else if(reponse == 'ok')
    {
        $("#MessageOk").fadeIn('fast');
        
        // effet du lien FB
        $("#lien_Facebook")
        .animate( { fontSize:"1.8em" } , 400 )
        .fadeOut(500)
        .fadeIn(300)
        .fadeOut(100)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .fadeOut(50)
        .fadeIn(50)
        .animate( { fontSize:"1.2em" } , 200 );
        
        $("#champ_destinataire").val('');
    }
}
