var map;
 var WINDOW_HTML = '<div style="width: 210px; padding-right: 10px"><img border="0" src="images/vrtlogomed.png" alt="VRT logo" width="50" height="30" /> </br> VRT Systems </br> <small>Office, Milton Qld<small></div>';
		function initialize() {

			map = new GMap2(document.getElementById("map_canvas"));

			map.setMapType(G_PHYSICAL_MAP);
			map.setUIToDefault();
			//map.setCenter(new GLatLng(-23.55391651832161, 133.9892578125), 3);  
			map.setCenter(new GLatLng(5.795406203132826, 124.171875), 3);
			//map.setCenter(new GLatLng(14.13847031245115, -156.100), 3);
			//map.setCenter(new GLatLng(0, -166), 3);
			createMarkers();
		}

		// Creates a marker at the given point with the given number label
		function createMarker(point, colour, desc_text, tooltipHTML) {
			var icon = new GIcon();
			icon.image = "images/"+colour+"_logo.png";
			icon.shadow = "images/shadow_logo.png";
			icon.iconSize = new GSize(24, 24);
			icon.iconAnchor = new GPoint(12, 12);
			icon.infoWindowAnchor = new GPoint(12, 12);
			var marker = new GMarker(point,{icon:icon, title:tooltipHTML});
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(desc_text);
				marker.setMarkerZIndex (600000);
			});
			// change marker appearance when hovering
			GEvent.addListener(marker, "mouseover", function() {
				//marker.topMarkerZIndex(); // bring marker to top
				//marker.setMarkerZIndex (600000);
				//marker.newZIndex = 10;
				marker.setImage("images/"+colour+"_logo_over.png"); // change graphic
				//marker.newZIndex = 10;
				//alert("Mouse over");
				}); 

			GEvent.addListener(marker, "mouseout", function() {
				marker.setImage("images/"+colour+"_logo.png");
				marker.restoreMarkerZIndex();
				});


			return marker;
		}
		
		// Creates a marker at the given point with the given number label
		function createMainMarker(point, colour, desc_text, tooltipHTML) {
			var icon = new GIcon();
			icon.image = "images/"+colour+"_logo.png";
			icon.shadow = "images/shadow2_logo.png";
			icon.iconSize = new GSize(38, 38);
			icon.iconAnchor = new GPoint(1, 38);
			icon.infoWindowAnchor = new GPoint(19, 19);
			var marker = new GMarker(point,{icon:icon, title:tooltipHTML});
			marker.importance = 1;
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(WINDOW_HTML);
			});
			
			// change marker appearance when hovering
			GEvent.addListener(marker, "mouseover", function() {
				//marker.topMarkerZIndex(); // bring marker to top
				//marker.setMarkerZIndex (600000);
				//marker.newZIndex = 10;
				marker.setImage("images/"+colour+"_logo_over.png"); // change graphic
				//marker.newZIndex = 10;
				//alert("Mouse over");
				}); 

			GEvent.addListener(marker, "mouseout", function() {
				marker.setImage("images/"+colour+"_logo.png");
				marker.restoreMarkerZIndex();
				});


			return marker;
		}