$(document).ready(function() {
    CreateMap();
});


function CreateMap() {

    var mapElement = $("#mapElement");    

    if (mapElement.length == 0)
        return;

    localSearch = new GlocalSearch();

    if (!GBrowserIsCompatible())
        return;

    map = new GMap2(mapElement[0]);


    var Latitude = $("[id$=actLatitude]").val();
    var Longitude = $("[id$=actLongitude]").val();  

    if (Latitude.length > 0 && Longitude.length > 0) {

        map.setCenter(new GLatLng(Latitude, Longitude), 11);
    }
    else {
        map.setCenter(new GLatLng(53.412420, -2.902035), 11);
    }   
    
    map.setZoom(15);
    map.addControl(new GSmallMapControl());
   
    displayActivityOnMap();
}


function displayActivityOnMap() {

    var Latitude = $("[id$=actLatitude]").val();
    var Longitude = $("[id$=actLongitude]").val();    
    var activity = new Object();
    activity.Longitude = Longitude;
    activity.Latitude = Latitude;    
    addActivityToMapDetailsView(activity);
}


function addActivityToMapDetailsView(activity) {

    if (activity.Latitude == 0 || activity.Longitude == 0) 
    return;    
    
    var point = new GLatLng(activity.Latitude, activity.Longitude);
    var mapSize = 'small';
    markerOptions = { clickable: true, draggable: false };
    marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    if (mapSize == "large") {

        marker.info_window_content = "<p><a href='ActivityDetails.aspx?activityId=" + activity.ActivityLink + "'>" + activity.Name + "</a></p>" + "<p>" + activity.Description + "</p>";
        marker.bindInfoWindowHtml(marker.info_window_content, { pixelOffset: new GSize(2, 10), maxWidth: 250 });
               
    }
    else
    {
        GEvent.addListener(marker, "click", function() {
            window.location = "LargeMap.aspx";
        }
        );
    }
}

$.fn.metadata = function() {
    var data = this.find(".data").text();
    if (data.indexOf('{') < 0) data = "{" + data + "}";
    data = eval("(" + data + ")");
    return data;
}