the onmouseover function don't work : I have this table:

<tr><td><DIV align='center' onmouseover='dettaglio(<?php echo $cdclie;?>)' onmouseout='chiudiDettaglio()'>0</DIV></td>

and I have the javascript:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    <script>
    // codice per mostrare il dettaglio
    function dettaglio()
    {
        tooltip = '<div class="tooltiptopicevent" style="width:auto;height:auto;background:#feb811;position:absolute;z-index:10001;padding:10px 10px 10px 10px ;  line-height: 200%;">'
                + 'Client' + ' ' + 'First and last name' + '</div>';

                $("body").append(tooltip);
                $(this).mouseover(function (e)
                {
                    $(this).css('z-index', 10000);
                    $('.tooltiptopicevent').fadeIn('500');
                    $('.tooltiptopicevent').fadeTo('10', 1.9);
                }).mousemove(function (e)
                {
                    $('.tooltiptopicevent').css('top', e.pageY + 10);
                    $('.tooltiptopicevent').css('left', e.pageX + 20);
                });
    }
    //  
    function chiudiDettaglio()
    {
        $(this).css('z-index', 8);
        $('.tooltiptopicevent').remove();
    }
    </script> 


<!-- end snippet -->

In the java script I want to read the database and return the result with json_encode.
to clarify : in java script must be the call to the php that returns me an array to be displayed with the " onmouseover "

Help me, thanks