$(window).load(function() {
    if (!GBrowserIsCompatible()) {
        return;
    }

	//embed Open Street Map tiles
	var copyOSM = new GCopyrightCollection("<a href=\"http://www.openstreetmap.org/\">OpenStreetMap</a>");
	copyOSM.addCopyright(new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, " "));

	var tilesMapnik = new GTileLayer(copyOSM, 1, 17, {tileUrlTemplate: 'http://tile.openstreetmap.org/{Z}/{X}/{Y}.png'});
	var mapMapnik = new GMapType([tilesMapnik],G_NORMAL_MAP.getProjection(),"Map");

    // Initialise the map
    var mapDiv = $('<div id="places-map"></div>').insertBefore('h4#places');
    var gmap = new GMap2(mapDiv.get(0),{ mapTypes: [mapMapnik, G_SATELLITE_MAP] });
    var point = new GLatLng(50.8235, -0.138);
    gmap.addControl(new GLargeMapControl());
    gmap.addControl(new GMapTypeControl());
    gmap.setCenter(point, 15);
    
    // Add a special marker for the dome
    var icon = new GIcon();
    icon.iconAnchor = new GPoint(9, 34);
    icon.infoWindowAnchor = new GPoint(9, 2);
    icon.image = "http://www.google.com/mapfiles/dd-start.png";
    icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    var starter = new GMarker(point, icon);
    GEvent.addListener(starter, "click", function() {
        starter.showMapBlowup({
            zoomLevel: 17,
            mapType: mapMapnik
        });
    });
    gmap.addOverlay(starter);
    gmap.panTo(point);
    
    var currentMarker = false; // So we can hide it later

    // Display the vcards on the map
    $('.vcard').each(function() {
        var vcard = $(this);
        var geo = vcard.find('.geo[title]');
        if (geo.length && /;/.exec(geo.attr('title'))) {
            var degrees = geo.attr('title').split(';');
            var lat = parseFloat(degrees[0]);
            var lon = parseFloat(degrees[1]);
            vcard.css('cursor', 'pointer');
            vcard.click(function() {
                if (currentMarker) {
                    gmap.removeOverlay(currentMarker);
                }
                $('.current-vcard').removeClass('current-vcard');
                vcard.addClass('current-vcard');
                var point = new GLatLng(lat, lon);
                var marker = new GMarker(point);
                currentMarker = marker;
                GEvent.addListener(marker, "click", function() {
                    marker.openInfoWindowHtml(vcard.html());
                });
                gmap.addOverlay(marker);
                gmap.panTo(point);
            });
        }
    });
});