Google maps API + JQuery + CSS- dispaly:none problem

Dobrý den,

v jave jsem úplný amatér a všechný kódy, jsem řešil přepsáním určitých vzorů.

Samotné Gmaps api funguje v pořádku, viz: http://homel.vsb.cz/~kos416/help/darkovicky1.html

problém ale nastal při kombinaci Gmaps Api s jiným divem pomocí JQuery, kdy se divy navzájem přepinají, viz:http://homel.vsb.cz/~kos416/help/darkovicky4.html. Google maps api se vždy načte chybně (špatná výchozí pozice, zoom a dokonce se mapa nikdy nevykresluje celá).

zjistil jsem že na vině je <div id="map_canvas" style="width:570px; height:402px; float: left; margin-left:10px; margin-right:10px; display:none;"></div>, konkrétně css část display:none; (pokud zobrazuji defaultně Gmaps api a skrývám klasickou mapu vše běží v pořádku) snažil jsem se problém řešit pomocí tohoto návodu viz: http://stackoverflow.com/questions/1428178/problems-with-google-maps-api-v3-jquery-ui-tabs ale jak jsem zmínil na začátku jsem úplný amatér a nevím kde google.maps.event.trigger(map, 'resize') vepsat, popřípadě jak jinak problém řešit

děkuji za připadnou pomoc