jQuery's cluetip plugin : GSearch is not defined

jQuery's cluetip plugin : GSearch is not defined

I'm using the following code for creating google map. Now if I load this page through a browser, it loads fine. However, if I call this using the cluetip plugin the map doesn't load. I get this error GSearch is not defined on both FF and Chrome. Any help will be much appreciated.

Calling Google map using cluetip:
  1. <a id="ttip_1204" class="jt" rel="ajax/carte.php?id=1204" href="ajax/carte.php?id=1204">See Map</a>
     
  1. $(document).ready(function() {
  2.    $('a.jt:eq(0)').cluetip({ 
  3.       cluetipClass: 'jtip', activation: 'click' 
  4. });
  5. });


Google map maker:
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <style type="text/css">
  5.       @import url("http://www.google.com/uds/css/gsearch.css");
  6.       @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
  7. </style>
  8. <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;hl=fr&amp;key=<?=$key?>" type="text/javascript"></script>
  9. <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>
  10. <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>   
  11. <script type="text/javascript" charset="utf-8">
  12.     //<![CDATA[
  13.     function load() {
  14.         if (GBrowserIsCompatible()) {
  15.           var map = new GMap2(document.getElementById("googlemap"));
  16.           var center = new GLatLng(<?=$lat?>,<?=$lng?>);
  17.  var user = '<?=$user?>';
  18.  map.setCenter(center, 16);
  19.           map.addControl(new GLargeMapControl());
  20.           map.addControl(new GMapTypeControl());
  21.  var marker = new GMarker(center);
  22.  map.addOverlay(marker);
  23.           map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
  24.   if (user!='') { map.openInfoWindowHtml(marker.getLatLng(), '<br />Zoom sur: <br /><?=$user?>', {maxWidth:265}); }
  25.         }
  26.       }
  27.       GSearch.setOnLoadCallback(load);
  28.     //]]>
  29.     </script>
  30. </head>
  31. <body onLoad="load()" onUnload="GUnload()" bgcolor="#F3EED7">
  32. <div id="googlemap" style="width: <?=$width?>px; height: <?=$height?>px; z-index:2000;"></div>
  33. </body>
  34. </html>