crzy4prple on "calling shortcode in my jquery"

I'm using the hoverall script to display the simple site listing.

I need to call this script in the footer

<script type="text/javascript">
$(window).load(function () {
$('#comp1').HoverAlls({tooltip:true,starts:"-100px,-20px",ends:"-100px,5px",returns:"-100px,-20px",bg_class:"tooltip4background",speed_in:1000,speed_out:380,effect_in:"easeOutBack",effect_out:"easeInSine",bg_width:"400px",bg_height:"325px",html_mode:"#ceo"});

replacing #comp1 with [staff-name]and #ceo with [staff-position] which normally I would call as <?php echo do_shortcode('[shortname]'); ?>, but that doesn't work with the script.

I'm using my function.php in my child them with it being added to wp_footer. I just can't get the translation of the php part right.

TIA!
Anne