HI Chaps

I have a hidden div that contains a google map...as initailly its hidden, when the div is active, the map doesnt load fully or centrally (grey background etc, and 20% strip of map on the left.

Ive been looking into and it seems that i need to execute
Code:
google.maps.event.trigger(map, 'resize');
when the div is shown.

For the divs im using easytabs.js, however in the html i have

HTML Code:
  <li id="maplink"><a href="#mapper" >Map</a></li>
Is there a way of executing the google map event trigger when the above is clicked?

..oh the map is loaded here:
HTML Code:
  <div id="submap" style="width: 450px; height: 300px"></div>
which is the direct child of #mapper div

Thanks in advance