//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
map.centerAndZoom(new GPoint(135.7640728354454 , 35.00603527686197), 2);
function createMarker(point, permalink, title, photo, iconcolor) {
  // Create a lettered icon for this point using our icon class from above
  var icon = new GIcon();
  icon.image = iconcolor;
  icon.shadow = "../common/images/flag_blue_shadow.png";
  icon.iconSize = new GSize(23, 23);
  icon.shadowSize = new GSize(42, 31);
  icon.iconAnchor = new GPoint(6, 20);
  icon.infoWindowAnchor = new GPoint(5, 1);
  var marker = new GMarker(point, icon);
  var html = "<div class=\"float-left\"><img src=\"" + photo + "\" alt=\"" + title + "\" width=\"80\" /></div><strong><a href=\"" + permalink + "\">" + title + "</a></strong><br>";
 GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  return marker;
}

function split(str, deli, arr) {
  var prepos = 0;
  var index = 0;
  var deli_length = deli.length;
  
  //strからdeliが検索されなくなるまでループする
  while((pos = str.indexOf(deli, prepos)) != -1) {
   arr[index++] = str.substring(prepos, pos);
   prepos = pos + deli_length;
   }
   arr[index] = str.substring(prepos);
}

var request = GXmlHttp.create();
request.open("GET", "data.xml", true);
request.onreadystatechange = function() {
  if (request.readyState == 4) {
    var xmlDoc = request.responseXML;
    var markers = xmlDoc.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var point = new GPoint(parseFloat(markers[i].getAttribute("Lon")),
                             parseFloat(markers[i].getAttribute("Lat")));
      var marker = createMarker(point, markers[i].getAttribute("permalink"), markers[i].getAttribute("title"), markers[i].getAttribute("Photo"), markers[i].getAttribute("iconcolor"));
      map.addOverlay(marker);
    }
}
}
request.send(null);

//]]>