// JavaScript Document
var map;
$(document).ready(function(){
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("mapDiv"));
        map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(51.527555368721435,  -0.10438084602355957), 17);
    }
	var point = new GLatLng(51.527055368721435,  -0.10438084602355957);
	var marker = createMarker(point,'<div style="width:240px"><p align="left"><span class="style1">London Office</span><br>2nd Floor 145 - 157, <br>St John Street,<br>London,<br>EC1V 4PY,<br>UK.<br><br></p></div>');
	map.addOverlay(marker);
	marker.openInfoWindowHtml('<div style="width:240px"><p align="left"><span class="style1">London Office</span><br>2nd Floor 145 - 157, <br>St John Street,<br>London,<br>EC1V 4PY,<br>UK.<br><br></p></div>');

});

function createMarker(point,html) {
	var Icon = new GIcon(G_DEFAULT_ICON);
		Icon.image = "images/1_marker.png";
		Icon.shadow = "images/1_marker_shadow.png";
		Icon.iconSize = new GSize(12, 20);
		Icon.shadowSize = new GSize(22, 20);
		Icon.iconAnchor = new GPoint(6, 20);
		Icon.infoWindowAnchor = new GPoint(5, 1);
		
	markerOptions = { icon:Icon };
	var marker = new GMarker(point, markerOptions);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	return marker;
}