var map;


function startUp()	{
  map = new GMap2( document.getElementById("shopmap") );
  map.setCenter( new GLatLng( 36.22912274674813,137.9678374528885), 17 );
  map.addControl(new GLargeMapControl());
  map.addControl(new GScaleControl());
  map.addControl(new GOverviewMapControl());


  GDownloadUrl( "mark001.json", addMarkerByJSON );
  GDownloadUrl( "mark002.json", addMarkerByJSON );

}

function addMarkerByJSON(data)	{
  var obj = data.parseJSON();

  GDownloadUrl( obj.htmlfile, function(data)	{
    var mk = new GMarker( new GLatLng(obj.lat, obj.lng) );
    map.addOverlay(mk);
    GEvent.addListener( mk, "click", showInfo );

    function showInfo()	{
      mk.openInfoWindowHtml ( data, {"maxWidth":300} );
    }
  })
}

function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
}

onload   = startUp;
onunload = GUnload;