//<![CDATA[


	var icon = Array();

	icon[0] = new GIcon();
	icon[0].image = "../common/images/0.png";
	icon[0].iconSize = new GSize(20,20);
	icon[0].iconAnchor = new GLatLng(10,10);
	icon[0].infoWindowAnchor = new GLatLng(10,10);

	icon[10] = new GIcon();
	icon[10].image = "../common/images/1.png";
	icon[10].iconSize = new GSize(20,20);
	icon[10].iconAnchor = new GLatLng(10,10);
	icon[10].infoWindowAnchor = new GLatLng(10,10);


    if (GBrowserIsCompatible()) { 
      var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
      var ii = 0;

      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
						map.addControl(new GOverviewMapControl());
						map.enableContinuousZoom();
						map.enableScrollWheelZoom();
      map.setCenter(new GLatLng(37.439974,135.878906), 4);

      function createMarker(point, name, html, n) { 
        var marker = new GMarker(point, icon[n]);
        GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
        gmarkers[ii] = marker;
        htmls[ii] = html;
        side_bar_html += '<a href="javascript:myclick(' + ii + ')">' + name + '<\/a><br />';
        ii++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


      function readMap(url) {
        var request = GXmlHttp.create();
        request.open("GET", url, true);
        request.onreadystatechange = function() {
          if (request.readyState == 4) {
            var xmlDoc = GXml.parse(request.responseText);
            var markers = xmlDoc.documentElement.getElementsByTagName("marker");
            map.getInfoWindow().hide();
            map.clearOverlays();
            gmarkers = [];
            htmls = [];
            ii = 0;
            side_bar_html="";
            for (var i = 0; i < markers.length; i++) {
              var lat = parseFloat(markers[i].getAttribute("lat"));
              var lng = parseFloat(markers[i].getAttribute("lng"));
              var point = new GLatLng(lat,lng);
              var html = markers[i].getAttribute("html");
              var label = markers[i].getAttribute("label");
              var n = markers[i].getAttribute("n");
              var marker = createMarker(point,label,html,n);
              map.addOverlay(marker);
            }
            document.getElementById("side_bar").innerHTML = side_bar_html;

          }
        }
        request.send(null);
      }
      readMap("./d/l10.xml");

      }
//]]>