// JavaScript Document

function loadGoogleMap() {
  if (GBrowserIsCompatible()) {

    var point = new GLatLng(gLatLong[0],gLatLong[1]); // Offset to allow for the overlay height
    var gZoom = 8;

    var map   = new GMap2(document.getElementById('google_map'));
    map.setCenter(point, gZoom);
    map.setMapType(G_SATELLITE_MAP);
    map.addControl(new GLargeMapControl3D());
	map.addControl(new GMapTypeControl());

	var customIcon = new GIcon();
	customIcon.image = 'images/elements/google_map_icon.png';
	customIcon.iconSize = new GSize(35, 40);
	customIcon.iconAnchor = new GPoint(15, 50);
	customIcon.infoWindowAnchor = new GPoint(17, 2);
	
	function createMarker(iconPoint, address) {
   		var markerOptions   = { icon: new GIcon(customIcon) };
   		var marker          = new GMarker(iconPoint, markerOptions);
		var htmlAddress     = address.replace(/,/g, ',<br/>') + '<br/>';

		// Info window
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(htmlAddress);
		});
		
		return marker;
	}
	
    for(var i=0; i<gIcons.length; i++) {
    	var iconPoint     = new GLatLng(gIcons[i][0],gIcons[i][1]);
		var address       = addresses[i];

        var marker = createMarker(iconPoint, address);
		
		map.addOverlay(marker);
    }
  }
}

if (window.addEventListener) {
	window.addEventListener('load', loadGoogleMap, false);
}
else if (window.attachEvent) {
	window.attachEvent('onload', loadGoogleMap);
}
else {
	window.onload = loadGoogleMap;
}