// derived from https://developers.google.com/maps/documentation/javascript/examples/circle-simple

function initialize() {
 console.log("initialize()");
 window.setInterval(refreshMap, 30000);
 refreshMap();
}

// TODO memory leak
function refreshMap() {
 var script = document.createElement("script");        
 script.setAttribute("src","https://yahi-map-data.rolandturner.com/yahi-map-data.jsonp");
 script.setAttribute("type","text/javascript");                
 document.getElementsByTagName('head')[0].appendChild(script);
}

var map;
var circles = [];
function mapdata(data) {
 console.log("mapdata()");
 if (map == undefined) {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
   zoom: 11,
   center: new google.maps.LatLng(1.342956,103.83316)
  });
 } else {
  for (var i = 0; i < circles.length; i++) {
   circles[i].setMap(null); // TODO there has to be a better way
  }
  circles = [];
 }
 for (var i = 0; i<data.length; i++) {
  var row = data[i];

  circles.push(new google.maps.Circle({
   strokeColor: '#444444',
   strokeOpacity: 0.8,
   strokeWeight: 2,
   fillColor: row.fillColor,
   fillOpacity: (row.fillColor == undefined) ? 0 : 0.35,
   map: map,
   center: new google.maps.LatLng(row.centerLat, row.centerLong),
   radius: 1000
  }));
 }
}

google.maps.event.addDomListener(window, 'load', initialize);