$(document).ready(function() {
  	
  	var map = new GMap2(document.getElementById("map_canvas"));
  	
	var office_id = $(".office_id").text();
	var data_url = "office-map-data-" + office_id;
  	
	GDownloadUrl(data_url, function(xml_data, responseCode) {
  		
  		var xml = GXml.parse(xml_data);
  		var markers = xml.documentElement.getElementsByTagName("marker");
  		
  		data = new Array();
  		for (var i = 0; i < markers.length; i++) {
  		
  			data[i] = new Array();
    		data[i]['lat'] = parseFloat($(markers[i]).children("lat").text());
    		data[i]['lng'] = parseFloat($(markers[i]).children("lon").text());
    		data[i]['html'] = $(markers[i]).children("office").text();
    		
    		map.setCenter(new GLatLng(data[i]['lat'], data[i]['lng']), 15);
    		
    		var office_num = i + 1;
			var customIcon = new GIcon(G_DEFAULT_ICON);
			
			customIcon.image = "../images/graphics/map-markers/marker-default.png";
    		
    		markerOptions = { icon:customIcon };
    		data[i]['marker'] = new GMarker(new GLatLng(data[i]['lat'], data[i]['lng']), markerOptions);
    		
    		data[i]['marker'].bindInfoWindowHtml(data[i]['html']);

    		map.addOverlay(data[i]['marker']);
  		
  		}
  			
	});
	
	var customUI = map.getDefaultUI();
   	customUI.controls.largemapcontrol3d = true;
	customUI.controls.maptypecontrol = false;
	customUI.zoom.scrollwheel = false;
	customUI.controls.menumaptypecontrol = false;
   	map.setUI(customUI);
  	
});