/*********************************************************\
*                                                        *
* 世界の国 by Seis Pesos. http://japonyol.net/editor/        *
* A Google Maps API Program                                *
* July 2007                                                *
*                                                        *
**********************************************************
* Version 1.3       January 2010                        *
\*********************************************************/

    if (GBrowserIsCompatible()) {

      var baseIcon = new GIcon();
      baseIcon.shadow = "./img/flag-shadow.png";
      baseIcon.iconSize = new GSize(24, 14);
      baseIcon.shadowSize = new GSize(40, 30);
      baseIcon.iconAnchor = new GPoint(12, 7);
      baseIcon.infoWindowAnchor = new GPoint(12, 1);

      var map = new GMap2(document.getElementById("map"));
      map.setUIToDefault();
      map.removeMapType(G_HYBRID_MAP);
      map.setCenter(new GLatLng(10.0, 0.0), 2);
      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, html, code) {
        var icon = new GIcon(baseIcon);
        icon.image = "./img/" + code + ".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 + ')">' + name + '<\/a><br>';
        i++;
        return marker;
      }
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
      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 label = markers[i].getAttribute("label");
              var code = markers[i].getAttribute("code");
              var marker = createMarker(point, label, html, code);
              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("エラーです");
          }

        });
      }
    }