Changing Google Map Markers?

[MuGeN]

I can't seem to work out how to change the default balloon icon on a google map, I have created my own standard and hover images that I would like to use but I find it really tricky to get my head around the Google API stuff... could anyone point me in the right direction?

 

[MuGeN]

I've been playing with the above code, but i couldn't get it going... this as as close as i've got but still no cigar, could someone help me out?

// custom marker icon
var icon = new GIcon();
icon.image = '/resources/images/dot.png';

// set up a marker with info
var point = new GLatLng(-37.80387,144.99056);
var marker = createMarker(point,'<div style="font: 10px Arial;"><b>Dusk Lighting</b></div>')

map.addOverlay(marker,icon);

 

[MuGeN]

I actually went a different route and used .json files (something i've wanted to try for a while anyway) and it worked a treat

I followed these instructions:

http://www.netmag.co.uk/zine/ajax/working-with-google-maps