function load(){
	if (GBrowserIsCompatible()) {
		var physWithLabels = [ G_PHYSICAL_MAP.getTileLayers()[0], G_HYBRID_MAP.getTileLayers()[1] ];
var physWithLabelsMap = new GMapType(physWithLabels, G_PHYSICAL_MAP.getProjection(), "Hybrid Terrain");
		map = new GMap2(document.getElementById("map"));
		map.addMapType(G_PHYSICAL_MAP);
		map.addMapType(physWithLabelsMap);
		map.setCenter(new GLatLng(34.68205459589965, 135.49884796142578), 13);
		var mapControl = new GHierarchicalMapTypeControl();
		mapControl.clearRelationships();
		mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
		mapControl.addRelationship(G_PHYSICAL_MAP, physWithLabelsMap, "Labels", false);
		map.addControl(mapControl);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
	    var lsc = new google.maps.LocalSearch(); 
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT);
		map.addControl(new google.maps.LocalSearch(), bottomRight);
	}
}

function midosuji(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 8,
  opacity: 0.6,
  points: "gumsE_|~yXhLfBhN`IzBr@`E_@nFwApWyJnSwH~LmBvCKv{@~@xIn@`Er@zVbG`HX~FO|H}AhKuDzSuCrCOhcA|CxHBzIYvw@eI`EC`p@Krl@IjDGnp@iG`G?rEr@xWfSjBl@lBHd`@gFhMoDhEiGtZwIlXz@xt@dA`u@z@vp@?hKNbNjM`X`@f\\?`OTvB_AhCiC|TsxAnGwb@~@sB~BE`eAvNtfAtIps@dEv@CrWdBlcAdElVlA`CQrXmRdFuAfh@gBrKDht@z@lARb[vGvGxCbLvGpi@xf@",
  levels: "PDBGBC?DBGEACCGCBDAFBFBE??@EGBEDBGCEEGB@CAFFAAJBE@CIBDEAAC@GCCGD@H?CFDP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/midosuji.xml');
}
function tanimachi(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#800080",
  weight: 8,
  opacity: 0.6,
  points: "gbbsE_gozXv_BhzBhObUjCnEbA|BxLxPdAx@vO~EtSrE|f@fK|@b@bApBxDlL`ChEpCzC~K~J~DtDpE`Fv@fARxAmBpdApDxc@@|@oOxs@SlC^nBl[pc@`PhUnDvErAx@xABrDy@hLeDt@u@\\wA`FieBRiAj@MlOv@lHb@j\\n@bREtMBxYXfLTlZjAhNvAx\\`E`u@|HlUD`F[vF~@hUfBvS|CrCr@tCc@zAc@~CiIjAwAf\\q[dToSnUaTjQuPhPcO|AuCfCaK^sFsGaeAAqDh@oClAyBpBqAdCc@rx@k@dIChAe@b@gANyBCyiAv@oZnGie@dBmA~Be@vNKrNyAhMoBpB{Bz@eCvCoSR_EE}FXkG",
  levels: "PCBABGBD@AGABEA?B@IBE@FBHC@DCBKADBGCBI?BC@ACAEAAEBDBCADAJBD?B@@CHCEECBHBD?CHACCEHBDCAGBDDAAP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/tanimachi.xml');
}
function yotsubashi(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 8,
  opacity: 0.6,
  points: "qkxrEw~~yXtGFdLb@dE_@xS{BlNiAzMq@lFQfQMbVTzHa@bOJrV|AhKX~BI~IqBhMcErOFzP`@vYC~]d@tl@`G~_AzQza@`LzUrDnB|AhAvBl@lEEpTbH~u@n\\vMjj@bB",
  levels: "PAD?AC?EBBBDAFBCFAABEICCHBCEDHEP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/yotsubashi.xml');
}
function chuo(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#006400",
  weight: 8,
  opacity: 0.6,
  points: "cemrEgtnyXyIoYkFkOgGiN{Q_\\}GkM}k@}qBuA_DsDaDkZqPgAwA_AgDcUa`AsEsPoAyCuAqBuKyMqRy\\sTqZcAgCmGu`@gAeNeC{|@D}i@T_b@n@_d@r@u]DwEe@yb@KaPNoo@JaN`Gi}@fDmh@|C_h@\\ao@MyDiBiR[iIh@uv@d@ikABw|ASwCgGwh@m@iGIiC\\u}AJwr@@uXm@iEiFsVyCyKaC}DiC{CsGqG{NiNiDcGaEoKs@mDkEml@sCib@eDsh@g@{^?uI[kHaDw^UsIr@wLdDy]~@cOA_H]uF}B{O{B}EyGiG{EeByDa@gD?wIfBmRvJkl@tZgKbCqHZyIs@oHsBsGeDeGmFiDyEk[an@mBoEgAyEUeiAcB{l@iAsr@",
  levels: "PAEBAEFCDBG@AFACCCFBJBEAC@@D?C@F?@DFAAE@BFABAE@?HABFAC?ECBHA?DADAFCAAEACJCECBGD?DGCEBDJBCBGCBP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/chuo.xml');
}
function sennichimae(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff1493",
  weight: 8,
  opacity: 0.6,
  points: "siwrEw|zyXdJBnGAjR{KdA_BrIcR~CuJvB{K~A}BzEqBnMgDz[iEz`@`DhFHtD_@bAcAh@aCfBmb@nAeRzAiNVog@\\w_@l@{^zAwUh@{R?_f@M{Iy@mVoOku@pGec@GwBeAwIo@i]z@yAlA_AfAS~VnAtUx@jBJdfBbQ",
  levels: "P?EGADBECGCEBDCJBBBE@ADBFCAFFEACCJBD@?EP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/sennichimae.xml');
}
function sakaisuji(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#800000",
  weight: 8,
  opacity: 0.6,
  points: "{mzrE_}azXnSWrNC|SDrJOrW[hDz@bClAhBjBhBrEzCfHrA~AjAd@||@`@~YHhPL`Z\\jTL`XVnMPpSb@hOb@lc@lKbIdBfIbAz@P`G~K~CnEzGjF`]tG",
  levels: "PA@B?GCBE?CBF?A??C?B@H@C@FBDFP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/sakaisuji.xml');
}
function nagahori(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#7cfc00",
  weight: 8,
  opacity: 0.6,
  points: "gqqrEis{yXyIqEwBB{LfA_NcC_KqDqDeC{BeEk@mF?{ExCovADy]?}^IeJq@yIsBkJSeRv@kb@rEuc@XeOG{@[c@yG}CgSsC}IiAyOx@iLtAwMlFsc@pSuC@yB_AkM_MyAgCaAwHwGql@aAol@mGucAk@{HsCsOm@o[aB{W_AoLoAoBiBcAkQ?mAs@iB}DkLqZiCeG}AaBiHkRaBaFeGkOuIgV",
  levels: "PDAECFCDHAC?EBCCECCAIBD?EGDBGCDIC@ED@DDC@HBDCGAACC@AAP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/nagahori.xml');
}
function imazatosuji(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff8c00",
  weight: 8,
  opacity: 0.6,
  points: "gbdsE{aizXbNPfMH|AfB\\`Bf@hAVdBtw@|PrEqHpOwO|SiRf_@_\\hIaHnNmOvJeKbCiApBUjZXrb@d@zBFPBJ^e@|s@Y|^Fn@d@Jd{@T`u@VdUBjDL~k@bEx[vBnr@hF~TzA",
  levels: "P?FCAAFHCDA?C@HBD?I?BE?AIA??F@?A@P",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/imazatosuji.xml');
}
function porttown(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#00bfff",
  weight: 8,
  opacity: 0.6,
  points: "eemrE}snyXpBrH~@pAfAXrB@|@SnTuUlIkJ~AgCpNgPpBuBhEwCh@}@NqAWkFBip@T}A~@}@jHwBpG_Ano@uQd`@yK~AgAj@yC@qq@BkGnPey@l@qFz@kSlFkbA",
  levels: "PBEBAG@BBCAHACBDBHBBCBIC?EBEAP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/subway/porttown.xml');
}

function loadMap(url){
	i=1;
	var request = GXmlHttp.create();
	request.open("GET", url, true);
	request.onreadystatechange = function(){
		if(request.readyState==4){
			var xml = request.responseXML;
			var place = xml.documentElement.getElementsByTagName("items");
			end = place.length;
resultText="";
for(var i=0; i<place.length; i++){
	var lat = parseFloat(place[i].getElementsByTagName("lat")[0].firstChild.nodeValue);
	var lng = parseFloat(place[i].getElementsByTagName("lon")[0].firstChild.nodeValue);
	var name = place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
	if(place[i].getElementsByTagName("info")[0] == null){
	var info = "";} else{
	var info = place[i].getElementsByTagName("info")[0].firstChild.nodeValue;}
	var html = "<div style='width:200px'><b style='color: navy; font-size: small; font-weight: 400; font-style: normal;'>" + name + "駅</b><br />" + info + "<br/><a href=javascript:map.zoomIn()>zoomIn</a> | <a href=javascript:map.zoomOut()>zoomOut</a></div>";
	var flag = place[i].getElementsByTagName("flag")[0].firstChild.nodeValue;
	if(flag==0){var marker = createGMarker(name,lat, lng, html);}
				else if(flag==1){var marker = createGMarker1(name,lat, lng, html);}
				else if(flag==2){var marker = createGMarker2(name,lat, lng, html);}
				else if(flag==3){var marker = createGMarker3(name,lat, lng, html);}
				else if(flag==4){var marker = createGMarker4(name,lat, lng, html);}
				else if(flag==5){var marker = createGMarker5(name,lat, lng, html);}
				else if(flag==6){var marker = createGMarker6(name,lat, lng, html);}
				else if(flag==7){var marker = createGMarker7(name,lat, lng, html);}
				else if(flag==8){var marker = createGMarker8(name,lat, lng, html);}
				else if(flag==9){var marker = createGMarker9(name,lat, lng, html);}
				else {var marker = createMarker(name, lat, lng, html);}
				map.addOverlay(marker);
}
	document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}

var map;
var resultText="";
var markers = new Array();
var htmls = new Array();
var i = 1;
var end = 50;
function createGMarker(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/midosuji.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker1(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/tanimachi.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker2(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/yotsubashi.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker3(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/chuo.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker4(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/sennichimae.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker5(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/sakaisuji.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker6(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/nagahori.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker7(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/imazato.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker8(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/osaka/xml/subway/porttown.png";
	myIcon.iconSize = new GSize(22, 22);
	myIcon.iconAnchor = new GLatLng(11, 11);
	myIcon.infoWindowAnchor = new GPoint(12, 0);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker9(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/icony/icony"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}


function changePlace(i) {
   markers[i].openInfoWindowHtml(htmls[i]);
}
onload = load;