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(25.046838107978875, 121.51779055595398), 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 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].firstChild == 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 if(flag==10){var marker = createGMarker10(name,lat, lng, html);}
				else {var marker = createMarker(name, lat, lng, html);}
				map.addOverlay(marker);
}
	document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}

function danshui(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#006400",
  weight: 5,
  opacity: 0.8,
  points: "_qrxCwzfdV~RyYjDqEjBsBrBuAjD{@|C_AbCwBpAgBp@qCbD_L|A}CtC{CpB_AlEw@xDO`I?vHs@dHQfKObIIhk@G|HCbLKvBB~A\\rHjD`Dt@nCXrDi@`^wO~CyAhDgDdAwBb@_DKyCq@mEqBsDqMwIiDmEiJwMsBsD}QgW}IuL_Mi_@eD_^G}Ht@}EdEkKdEwJpAoB|DyCbD}BrTeQxDuAvG{@zE]tRiCvC_A`EcD`B_EbGwh@x@mEpAcC`DuCza@iWfH_Elb@uWbDaB~EiApMcArCw@tNsGzXyI~XgFxCGjDh@~KbHlAl@f\\`GxIjBdc@rQpBn@tg@vDnKtAbDM|GyAtNuEvB]nIPbi@|AnCh@nDfBbCdEpCfCtBlAbCBhAKzq@bNzGs@dJ}GneAur@~_AkcAvC{BlFkBjG{@lH{BpGyCpCo@nH`@bHn@jj@iNlFY|EPbHtA~NpExEPvHk@dD{@nRkFbf@yHfHe@xUXlGfAh[jIzt@`T",
  levels: "PB@EB@CEB@BDBHCABBD?AA?FACCAGCDBJBCECFE@AA@GEDCJ?BE?AGCAADBGCCBGB@AAKBBDCDBHC@DAEAGBFBCBE@GBDCAEACIDBFBFBCBBI@ECFCBCFC?CBGCEAP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/danshui.xml');
}

function nanshijiao(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff8c00",
  weight: 5,
  opacity: 0.8,
  points: "sqkxCieqdVxIiGbC{@|HuArSwBfHqAvCyA`DqEdAsEpFyf@lAiEhCeDfs@wc@d^eTbDyA`Eo@|MmAdEyAxI{DbUuHbGaB`WyElDC~Cl@fLjHnCz@n`@bHhDhAld@zQjs@rG`E?rKqCvKgDbCYzj@tAxId@hEfBfDxEjFlEvCX`BU~q@dNjGo@v}@cm@|HkBfDKbCj@zJhGpAhBzCrGnHjJlEjDtIhE~n@jLbH`@bLfDbr@tk@fZzFx@KfLm[",
  levels: "PBEBCBGCDCGCGAEADABDBJBDBDDAGECABEAGCBFBCHDEBHBEACBFDCCFHBGP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/nanshijiao.xml');
}
function tucheng(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#4169e1",
  weight: 5,
  opacity: 0.8,
  points: "yr{wCcsceVzHth@bB~ErDpE|ZpT`DrDvC`G|@rDcBl{BaAf}B_Cf[u`@teCSdBv@dCnAz@rw@~O`EzBfEvEjCtG`@bJwCjsCf@nDfBzBph@jd@ll@lYry@~l@`IxH|Dv@pq@fYpa@bJhInDdEnDjMlA~r@`@h\\nFtHfB|SlTjPhNpAdBzG`RhJpN",
  levels: "PCFCECBHBGD@HCEFCDHCCKBEECHCDDCGCEBHCEBCP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/tucheng.xml');
}
function muzha(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#a0522d",
  weight: 5,
  opacity: 0.8,
  points: "kv}wCmbzdVbxB`BhfBhAp@EhBuw@dg@qk@jCeBrC{@pEcAvHU~AJvZdNfHzBrKbApQvIjCh@hBWfBc@lOqRlDkDhAi@kAmESuEwDyMcBoHmAyG~BmPlAqFRsF_@aKGeKF_Ja@mG",
  levels: "PA@IGEC@HAECCDEC@ICAGBBBAFACEB@BP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/muzha.xml');
}

function xinbeitou(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff6347",
  weight: 5,
  opacity: 0.8,
  points: "{plxC_`rdVBvMVvHh@pClAjBdBbAvBr@~B?rCa@lAa@~JgH",
  levels: "PADBGADAEBP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/xinbeitou.xml');
}
function xiaobitan(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#7fff00",
  weight: 5,
  opacity: 0.8,
  points: "a~lwCyzydVlN\\nDBnGhAnBtCbCvFjCbFlAzDBzCeAzDmItNcD`KeDtH",
  levels: "P@CFBABHCDCBP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/xiaobitan.xml');
}
function xiaonanmen(){
var polyline1_1 = new GPolyline.fromEncoded({
  color: "#9acd32",
  weight: 5,
  opacity: 0.8,
  points: "kezwCqcsdVtR|CzKxBxABhAeAdDuLxAqGtA{K`AyPZcDpHyE",
  levels: "PADCGADB@EP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
loadMap('./xml/mrt/xiaonanmen.xml');
}

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/taiwan/xml/mrt/marker/0.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/1.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/2.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/3.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/4.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/5.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/6.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/7.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/taiwan/xml/mrt/marker/8.png";
	myIcon.iconSize = new GSize(12, 12);
	myIcon.iconAnchor = new GLatLng(6, 6);
	myIcon.infoWindowAnchor = new GPoint(7, 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/iconr/iconr"+ 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 createGMarker10(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/iconw/iconw"+ 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;