// JScript File
var activityMap = null;
var veOverloadDisableBubbleAutoHide= true;

function activitiesMap_Created(map) {
  activityMap = map;
  
  var dataRequest = new SportsDoApi("dataRequest", "Panels/Homepage/LatestActivities", "dataAsyncRequestComplete", [["asJson", "true"]]);
  dataRequest.startRequest();
  
  activityMap.enableCustomBubble();
    
  activityMap.addPrePointBubbleShow(
    function(sender, args) {
      var date = new Date();
      date.setTime(args.point.ext.dt);
      args.htmlContent = "<div style='text-align: left'><img width='64px' height='64px' src='/picture.ashx?user=test1' style='float:left'/><span>" +
        args.point.ext.un + "</span><br/><span>" + date.format("dd-MMM-yy HH:mm") + "</span>";
      Array.add(args.links, "<a href='javascript://' onclick='var p = activityMap.findPointById(" + args.point.getId() + "); p.zoomTo(13); p.hideBubble();'>Zoom to</a>");
      Array.add(args.links, "<a href='/ActivityView.aspx?sid=" + args.point.getId() + "'>View activity</a>");
    });
    
  loadJsCssFile("/Panels/Homepage/Styles/LatestActivitiesPanel.css", "css");
}

function dataAsyncRequestComplete(resp) {
  activityMap.dataBind(resp, false);
}

function overloadVEPointIcon(point) {
  return "<div class='activityPoint'>" +
    "<div class='main'><img src='" + point.getIcon().getImageUrl() + "'/></div></div>";
}