jQuery Grid Plugin - jqGrid

Hello

I am newbie to JqGrid and... french. I've spent a lot of time reading topics but no answers for my problem;
I think it's quite simple but I  really don't see how to solve it
In Php code each row has a link like :

    $civnmpr = $row[CIVILITE]." <strong>" .htmlentities($row[NOM])."</strong> ".htmlentities($row[PRENOM]);
    $civnmpr = "<a href='miniature.php?id=".$row[IDUSER]."' rel=\\"#overlay\\">".$civnmpr."</a>";
    echo "<cell><![CDATA[".$civnmpr."]]></cell>";

and here my jqgrid param :

    <script type="text/javascript">
        jQuery(document).ready(function(){
            jQuery("#annuaire").jqGrid({
                url:'example.php',
                datatype: 'xml',
                mtype: 'GET',
                height: 400,
                colNames:['Nom - Prenom', 'Tel.','Etg-Pièce','Fonctions','Affectation'],
                colModel :[
                    {name:'nom', index:'NOM', width:185},
                    {name:'tel', index:'TEL', width:35, align:'right'},
                    {name:'piece', index:'PIECE', width:80, align:'right'},
                    {name:'fonction', index:'FONCTION', width:180, align:'right'},
                    {name:'bureau', index:'BUREAU', width:160, sortable:false} ],
                pager: jQuery('#pager'),
                rowNum:20,
                rowList:[10,20,30],
                sortname: 'NOM',
                sortorder: "asc",
                viewrecords: true,
               imgpath: 'themes/basic/images',
                caption: 'Annuaire da Cab',
                gridComplete: function(){
                    $("a[rel]").overlay(function() {
                    var wrap = this.getContent().find("div.wrap");
                wrap.load(this.getTrigger().attr("href"));
                    });
                } /* End fonction*/
            });
    });
       
    </script>

a piece of Html

      <div style="overflow:hidden; margin:10px 5px;">
      <table id="annuaire" class="scroll"></table>
      <div id="pager" class="scroll" style="text-align:center;"></div>
      </div>

<!-- Div pour les miniatures -->
<div class="overlay" id="overlay">
    <!-- the external content is loaded inside this tag -->
    <div class="wrap"></div>
</div>

function in Gridcomplete display a modal box (a Jquery tool from flowplayer.org/tools/demos/overlay/external.html)
All of this works fine when loading (the modal box appears correctly) the first time but no on paging or sorting. It display the right link but not in a modal box as it's suppose to do.

Could u please show me, just once.
I'll be vrey greatful for ur help
Sam