if (GBrowserIsCompatible()) {
		
      var baseIcon = new GIcon();
      baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
      baseIcon.iconSize = new GSize(16, 27);
      baseIcon.shadowSize = new GSize(30, 28);
      baseIcon.iconAnchor = new GPoint(8, 27);
      baseIcon.infoWindowAnchor = new GPoint(8, 1);
      baseIcon.infoShadowAnchor = new GPoint(18, 25);
      var map = new GMap2(document.getElementById("map"));
      map.setUIToDefault();
      map.removeMapType(G_HYBRID_MAP);
      map.setCenter(new GLatLng(13.745721, 100.604897), 12);
      map.disableScrollWheelZoom();
      var tooltip = document.createElement("div");
      document.getElementById("map").appendChild(tooltip);
      tooltip.style.visibility="hidden";
      
	  var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
      var i = 0;
	  
      function createMarker(point, name, jpname, html, n) {
        var icon = new GIcon(baseIcon);
        icon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/marker" + n + ".png";
        var html = "<div style='white-space: nowrap; padding-top: 6px;'>" + html + "<br />&nbsp;<a href='javascript:myzoom(+3);'><img src='http://www.google.com/intl/en_ALL/mapfiles/zoom-plus-mini.png' width='18' height='18' alt='plus' title='zoom-in'/><\/a>&nbsp;<a href='javascript:myzoom(-3);'><img src='http://www.google.com/intl/en_ALL/mapfiles/zoom-minus-mini.png' width='18' height='18' alt='minus' title='zoom-out'/><\/a><\/div>";
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        GEvent.addListener(marker,"mouseover", function() {
          showTooltip(marker);
        });
        GEvent.addListener(marker,"mouseout", function() {
          tooltip.style.visibility="hidden"
        });
        marker.tooltip = '<div class="tooltip">' + name + '<\/div>';
        gmarkers[i] = marker;
        htmls[i] = html;
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + n + ". " + name + '<\/a><br>';
        i++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }
	        function myzoom(a) {
        map.setZoom(map.getZoom() + a);
      }

      function showTooltip(marker) {
         tooltip.innerHTML = marker.tooltip;
        var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
        var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
        var anchor=marker.getIcon().iconAnchor;
        var width=marker.getIcon().iconSize.width;
        var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x -10 + width,- offset.y + point.y +anchor.y -12)); 
        pos.apply(tooltip);
        tooltip.style.visibility="visible";
      }
      function mymouseover(i) {
        showTooltip(marker)
      }
      function mymouseout(i) {
        tooltip.style.visibility="hidden";
      }
      function readMap(url) {
        GDownloadUrl(url, function(data, responseCode) {
          if(responseCode == 200) {
            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");
            map.getInfoWindow().hide();
            map.clearOverlays();
            gmarkers = [];
            side_bar_html="";
            var bounds = new GLatLngBounds();
            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 name = markers[i].getAttribute("name");
              var jpname = markers[i].getAttribute("jpname");
              var label = markers[i].getAttribute("label");
              var code = markers[i].getAttribute("code");			  
              var n = markers[i].getAttribute("n");
              var marker = createMarker(point, name, jpname, html, n);
              map.addOverlay(marker);
              bounds.extend(point);
            }
            map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
            document.getElementById("side_bar").innerHTML = side_bar_html;
            } else if(responseCode == -1) {
              alert("タイムアウトしました。再試行してください");
            } else { 
              alert("エラーです");
            }
        });
      }
    }