var map;

function load() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
    map.addControl(new GMapTypeControl());
    map.addControl(new GLargeMapControl());
    map.setCenter(new GLatLng(35.168703, 136.887728), 15);
	downloadData();
  }
}

function downloadData(){
  GDownloadUrl("/files/custom/js/mapdata.json", createMap);
}

function createMap(jsondata, statusCode){
  var json = eval("(" + jsondata + ")");

  for (var i = 0; i < json.marker.length; i++) {
    var lat = json.marker[i].lat;
    var lng = json.marker[i].lng;
    var title = json.marker[i].title;
    var name = json.marker[i].name;

    var marker = createMarker(lat, lng, title, name)
    map.addOverlay(marker);
  }
}

function createMarker(lat, lng, title, name){
	var point = new GLatLng(lat, lng);

	var icon = new GIcon();
	icon.image = "/files/custom/img/access/map_allow_30x30.png";
	icon.shadow = "/files/custom/img/access/map_allow_shadow_30.png";
	icon.iconSize = new GSize(30, 30);
	icon.shadowSize = new GSize(50, 30);
	icon.iconAnchor = new GPoint(icon.iconSize.width / 2, 0);
	icon.infoWindowAnchor = new GPoint(15, 15);
	
	var marker = new GMarker(point, icon);
	
	var html = "<p><span style=\"color:#3b6e8c;font-weight:bold;\">" + title + "</span><br />" + name + "</p>";
	GEvent.addListener(marker, "click", function(){
		marker.openInfoWindowHtml(html);
	});
	
	return marker;
}