$(document).ready(function() {
  	
  	var map = new GMap2(document.getElementById("map_canvas"));
  	
	office = new Array();
    office['lat'] = parseFloat($(".office_lat").text());
    office['lng'] = parseFloat($(".office_lon").text());
    
    map.setCenter(new GLatLng(office['lat'], office['lng']), 15);
   
	var customIcon = new GIcon(G_DEFAULT_ICON);
			
	customIcon.image = "images/graphics/map-markers/marker-default.png";
    		
    markerOptions = { icon:customIcon };
    office['marker'] = new GMarker(new GLatLng(office['lat'], office['lng']), markerOptions);
   
  	map.addOverlay(office['marker']);
	
	var customUI = map.getDefaultUI();
   	customUI.controls.largemapcontrol3d = true;
	customUI.controls.maptypecontrol = false;
	customUI.zoom.scrollwheel = false;
	customUI.controls.menumaptypecontrol = false;
   	map.setUI(customUI);
  	
});