//<![CDATA[

var BASE_URL  = "http://www.socialconcierge.org/";
var GMAP_FILE = "";

var map;
var baseicon;
var xmlHttp;

function init(lat,lng,zoom,xmlFile) {

GMAP_FILE = xmlFile;

map = new GMap2(document.getElementById("map"));
xmlHttp  = GXmlHttp.create();

map.addControl(new GLargeMapControl());
// map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(lat,lng), zoom);

xmlHttp.open("GET", GMAP_FILE, true);
xmlHttp.onreadystatechange = showMarkers;
xmlHttp.send(null); 

//map.openInfoWindow(map.getCenter(),document.createTextNode("NPO ソーシャルコンシェルジュ"));
}

function showMarkers() {

  if (xmlHttp.readyState == 4) {

    var xmlDoc      = xmlHttp.responseXML;
    var marker      = xmlDoc.documentElement.getElementsByTagName("marker");
    var distLat     = xmlDoc.documentElement.getElementsByTagName("lat");
    var distLng     = xmlDoc.documentElement.getElementsByTagName("lng");
    var distName    = xmlDoc.documentElement.getElementsByTagName("name");
    var distAddress = xmlDoc.documentElement.getElementsByTagName("address");
    var distPhone   = xmlDoc.documentElement.getElementsByTagName("phone");
    var distFax     = xmlDoc.documentElement.getElementsByTagName("fax");
    var distUri     = xmlDoc.documentElement.getElementsByTagName("uri");

    for (var i = 0; i < marker.length; i++) {
      var dist     = new Object();
      dist.lat     = parseFloat(distLat[i].firstChild.nodeValue);
      dist.lng     = parseFloat(distLng[i].firstChild.nodeValue);
      dist.name    = distName[i].firstChild.nodeValue;
      dist.address = distAddress[i].firstChild.nodeValue;
      dist.phone   = distPhone[i].firstChild.nodeValue;
      dist.fax     = distFax[i].firstChild.nodeValue;
      dist.uri     = distUri[i].firstChild.nodeValue;
      addMarker(dist);
    }

  }
}

function addMarker(dist) {

  var point  = new GLatLng(dist.lat,dist.lng);
  var marker = new GMarker(point);
  map.addOverlay(marker);

  var html   = '<div class="map-detail">'
             + '<strong>' + dist.name + '</strong>'
             + '<table cellspacing="0">'
             + '<col width="25%" /><col width="75%" />'
             + '<tbody>'
             + '<tr><th>Address:</th><td>' + dist.address + '</td></tr>'
             + '<tr><th>Phone:</th><td>' + dist.phone + '</td></tr>'
             + '<tr><th>FAX:</th><td>' + dist.fax + '</td></tr>';

if (dist.uri != "-") {
       html += '<tr><td colspan="2"><a href="' + dist.uri + '">' + dist.uri + '</a></td></tr>';
}

       html += '</tbody>'
             + '</table>'
             + '</div>';

//document.write(html);

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  marker.openInfoWindowHtml(html,{maxWidth:350});
}
//]]>