//<![CDATA[
var map;
var mapNGP;

function load() {
  if (GBrowserIsCompatible()) {
    mapNGP = new GMap2(document.getElementById("mapNGP"));
    map = new GMap2(document.getElementById("map"));
	
	mapNGP.addControl(new GLargeMapControl());
	mapNGP.addControl(new GMapTypeControl());	
	mapNGP.setCenter(new GLatLng(35.4,138), 5);
	mapNGP.addMapType(G_PHYSICAL_MAP);
	
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());	
	map.setCenter(new GLatLng(37.64135,138.746402), 8);
	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 markerParkNGP = new GMarker(new GLatLng(37.426309,138.746402), iconPark);
	var htmlPark = "<div class='fukidashi'><strong>国営越後丘陵公園</strong></div>";
  	GEvent.addListener(markerPark, "click", function(){
		markerPark.openInfoWindowHtml(htmlPark);
	  });
  	GEvent.addListener(markerParkNGP, "click", function(){
		markerParkNGP.openInfoWindowHtml(htmlPark);
	  });
	map.addOverlay(markerPark);
	mapNGP.addOverlay(markerParkNGP);
  	GDownloadUrl("markerNGP.xml", createMapNGP);
  	GDownloadUrl("markerdata.xml", createMap);
  }
}

function createMapNGP(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)
    mapNGP.addOverlay(marker);
  }
}
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;
}
//]]>