function loadMap() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("locationsMap"));
		map.disableDoubleClickZoom();
		map.disableDragging();
		map.setMapType(G_PHYSICAL_MAP);
		map.setCenter(new GLatLng(mapCenter['lat'], mapCenter['long']), 8);
		
		// Set up the info window overlays.
//		prepareOverlays();
		$.blockUI.defaults.css = {};
		
		// Add markers for locations.
		for (monitoringLocationId in locations) {
			marker = addLocationMarker(monitoringLocationId);
			map.addOverlay(marker);
		}
	}
}

function addLocationMarker(monitoringLocationId) {
		
	// Create our "tiny" marker icon
	var cameraIcon = new GIcon(G_DEFAULT_ICON);
	cameraIcon.image = "http://witnessingchange.org/images/explore/cameraIcon.png";
	cameraIcon.shadowSize = new GSize(0, 0);
	cameraIcon.iconSize = new GSize(20, 16);
			
	// Set up our GMarkerOptions object
	var markerOptions = {icon: cameraIcon};
	
	point = new GLatLng(locations[monitoringLocationId]['lat'], locations[monitoringLocationId]['long']);
	var marker = new GMarker(point, markerOptions);
	marker.value = monitoringLocationId;
	GEvent.addListener(marker, "click", function() {
		$.blockUI({ message: $('div#infoBox' + monitoringLocationId)});
		$('.blockOverlay').attr('title','Click to close information box.').click($.unblockUI);
	});
	return marker;
}

function prepareOverlays() {
	$.blockUI.defaults['css'] = {
		padding:        0,
		margin:         0,
		width:          '600px',
		height:			'400px',
		top:            '50%',  
		left:           '50%',  
		textAlign:      'left',  
		color:          '#000',  
		border:         '3px solid #003366',
		backgroundColor:'white',
		cursor:         'wait'
	}
}