var map;
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(48.862216220919215, 2.3185229301452637), 13, G_SATELLITE_MAP);
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 GScaleControl());
map.addControl(new GLargeMapControl());
enter();
	}
}
function enter(){
var mouches_i = new GIcon();
mouches_i.image = "./js/anchor.gif";
mouches_i.iconSize = new GSize(25, 25);
mouches_i.iconAnchor = new GPoint(13, 25);
mouches_i.infoWindowAnchor = new GPoint(13, 25);

var mouches = new GLatLng(48.86391016, 2.30575562);
marker_mouches = new GMarker(mouches, mouches_i);
GEvent.addListener(marker_mouches, "mouseover", function() {
marker_mouches.openInfoWindowHtml("<a href='http://www.bateaux-mouches-japon.com/access.html'　target='_blank'>バトー・ムッシュ乗下船場</a><br />アルマ橋近く");});
map.addOverlay(marker_mouches);

var parisiens_i = new GIcon(48.86391016, 2.30575562);
parisiens_i.image = "./js/anchor.gif";
parisiens_i.iconSize = new GSize(25, 25);
parisiens_i.iconAnchor = new GPoint(13, 25);
parisiens_i.infoWindowAnchor = new GPoint(13, 25);

var parisiens = new GLatLng(48.86064928, 2.29382515);
marker_parisiens = new GMarker(parisiens, parisiens_i);
GEvent.addListener(marker_parisiens, "mouseover", function() {
marker_parisiens.openInfoWindowHtml("<a href='http://paris-kanko.com/seine_main.html' target='_blank'>バトー・パリジャン乗下船場</a><br />エッフェル塔近く");});
map.addOverlay(marker_parisiens);

}


function describeLine1(){
	var parisiens = new GPolyline.fromEncoded({color: "#0000ff", weight: 6, opacity: 0.5,
  points: "_bfiHk__MmHkMoA_GeBwM[sMkAq_BJwBdO}v@zA{EtAkFxEeX~BkSdAiIf@qA`HsMz@gA|EoGbAsBlFkSpD{KnBqI~Hid@xCgLjBiEXaBBsBe@mAe@KwEbAaDJiAHw@bAuNfi@cBfFsFvQwB`KsHfe@eGhn@yEvXsSt_Ai@nDDvDpA~cBF`H\\jDpDfSpApEjCrE~I~Mf@n@j@JRUOqA_@aBaF_J", levels: "P?DFEHCIDEGFECHCEFGJEGEFCDCBEFCDGDFGFHFIDEHDEJDEFBGACDP", zoomFactor: 2, numLevels: 18});
	map.addOverlay(parisiens);
}

function describeLine2(){
	var mouches = new GPolyline.fromEncoded({color: "#CC0000", weight: 6, opacity: 0.5, points: "mvfiH}iaM~BiGu@q`AJkBxTgeApCuNjG}g@v@sBrLuRdBsB~EmNfCcL`DuJlKuj@|C}Mt@sBn@cCDsB_@yAcAQwJz@mAhAgRvr@aFdNgLdr@aCvXgEv]gXnpAo@`EDpGpAn`Bl@dNvFfYlAhCrc@pl@xUl]zJjOxBjDrA~@z@GL{@YkBig@my@wDgB}EsBoVi]aBsDeDuN_BuP]uRcCiJ",levels: "P?GCHEICFDGEHGJCDECDFCGEHFIHDEJEGDHGIDECBDGDHGDFIEP",zoomFactor: 2, numLevels: 18});
	map.addOverlay(mouches);
}

var resultText = "";
var markers = new Array();
var htmls = new Array();
var end;
var i=1;
function createMarker(point, title, html){
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/icong/icong"+ 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);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+ i +")>"+ i + " " + title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createMarker1(point, title, html){
	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, 20);
	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);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+ i +")>"+ i + " " + title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
	
function clearMarker(){
	map.clearOverlays();
}

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

function loadMap(url){
	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 point = new GLatLng(lat, lng);
				var html = "<div style='width:250px'>";
				if(place[i].getElementsByTagName("name").length != 0){
					html += "<b style='color: navy; font-size: small; font-weight: 400; font-style: normal;'>";
					var name = place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
				}
				if(place[i].getElementsByTagName("url").length != 0){
					var link = place[i].getElementsByTagName("url")[0].firstChild.nodeValue;
					html += "<a href='" + link + "' target='_blank'>" + name + "</a></b><br />";
				}else{
					html += name;
					html += "</b><br /><br />";
				}
				if(place[i].getElementsByTagName("info").length != 0){
					html += "<font size='-1'>";
					html += place[i].getElementsByTagName("info")[0].firstChild.nodeValue;
					html += "</font><br />";
				}else{
					html += "";
					html += "</div>";
				}
				var title = place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
				var flag = place[i].getElementsByTagName("flag")[0].firstChild.nodeValue;
				if(flag==1){var marker = createMarker(point, title, html);}
				else if(flag==2){var marker = createMarker1(point, title, html);}
				else {var marker = createMarker(point, title, html);}
				map.addOverlay(marker);
				}
				document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}

onload = load;
onunload = GUnload;