jQuery(function($) {
	// First create a div to host the map
	var themap = jQuery('<div id="themap"></div>').css({
		'width': '100%',
		'height': '300px'
		}).insertAfter('#map-head');

		// Now initialise the map
		var mapstraction = new Mapstraction('themap','microsoft');
		mapstraction.addControls({
			zoom: 'large',
			map_type: true
		});

		// Show map centred on Brighton
		mapstraction.setCenterAndZoom(
			new LatLonPoint(38.90516080127332, -77.03561782836914),
			15 // Zoom level 
		);
		
		mapstraction.addControls({
		    pan: true, 
		    zoom: 'small',
		    map_type: true 
		});
		
		// create a marker positioned at a lat/lon 
		var myPoint = new LatLonPoint(38.90569513758385, -77.03737735748291);
		my_marker = new Marker(myPoint);
		    my_marker.setLabel("National Geographic Museum");
			my_marker.setInfoBubble("<p> 17th & M Streets NW<br />Washington, DC 20036</p>");
			mapstraction.addMarker(my_marker);
});