//<![CDATA[
var map;

function load() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
	
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());	
	map.setCenter(new GLatLng(37.426309,138.746402), 13);
	map.addMapType(G_PHYSICAL_MAP);
	
	var iconPark = new GIcon();
	iconPark.image = "../../../img/marker/kororin.png";
	iconPark.shadow = "../../../img/marker/shadow-kororin.png";
	iconPark.iconSize = new GSize(37.0, 36.0);
	iconPark.shadowSize = new GSize(56.0, 36.0);
	iconPark.iconAnchor = new GPoint(18.0, 18.0);
	iconPark.infoWindowAnchor = new GPoint(18.0, 0);
		
	var markerPark = new GMarker(new GLatLng(37.426309,138.746402), iconPark);
	var htmlPark = "<div class='fukidashi'><strong>Echigo Hillside Park</strong></div>";
  	GEvent.addListener(markerPark, "click", function(){
		markerPark.openInfoWindowHtml(htmlPark);
	  });
	map.addOverlay(markerPark);
  }
}
function createMap(xmldata, statusCode){
  var xml = GXml.parse(xmldata);
  var markers = xml.documentElement.getElementsByTagName("marker");

  for (var i = 0; i < markers.length; i++) {
    var lats = markers[i].getElementsByTagName("lat");
    var lngs = markers[i].getElementsByTagName("lng");
    var names = markers[i].getElementsByTagName("name");
    var linkurls = markers[i].getElementsByTagName("linkurl");

    var lat = parseFloat(GXml.value(lats[0]));
    var lng = parseFloat(GXml.value(lngs[0]));
    var name = GXml.value(names[0]);
    var linkurl = GXml.value(linkurls[0]);

    var marker = createMarker(lat, lng, name, linkurl)
    map.addOverlay(marker);
  }
}

function createMarker(lat, lng, name, linkurl){
	var tinyIcon = new GIcon();
	tinyIcon.image = "../../img/marker/pin.png";
	tinyIcon.shadow = "../../../img/marker/pinShadow.png";
	tinyIcon.iconSize = new GSize(15.0, 21.0);
	tinyIcon.shadowSize = new GSize(26.0, 21.0);
	tinyIcon.iconAnchor = new GPoint(7.0, 10.0);
	tinyIcon.infoWindowAnchor = new GPoint(7.0, 10.0);
	markerOptions = { icon:tinyIcon };
  var marker = new GMarker(new GLatLng(lat, lng), markerOptions);

  var html = "<div class='fukidashi' style='width:200px;'><div class='name'><a href='" + linkurl + "'>" + name + "</a></div></div>";
  GEvent.addListener(marker, "click", function(){
    marker.openInfoWindowHtml(html);
  });

  return marker;
}
//]]>