var map;
function load(){
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		var copyright = new GCopyright(1, new GLatLngBounds(new GLatLng(-160, -160), new GLatLng(160, 160)), 0, "鳥瞰図");
		var copyrightCollection = new GCopyrightCollection("ベルナーオーバーラント: ");
		copyrightCollection.addCopyright(copyright);
		var myLayer = [new GTileLayer(copyrightCollection,0,3)];
		myLayer[0].getTileUrl = function(tile, zoom){
		var filename = "http://homepage2.nifty.com/travelplatz/gri/"+zoom+"/a"+tile.x+"_"+tile.y+".jpg";
		return filename;
		}
		myLayer[0].getOpacity = function(){ return 1;};
		var album = new GMapType(myLayer, G_NORMAL_MAP.getProjection(),"アルバム");
		
		map.addMapType(album);
		map.setCenter(new GLatLng(16.63619187839765, -1.40625), 1);
		map.setMapType(album);
		map.addControl(new GLargeMapControl());
	}
}

function jochkls(){
	var jochkls = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 4,
  opacity: 0.8,
  points: "mm`yJhtcArkoKv}re@|nnMngtcA~_fJbrvdAdzjFh}uu@drfGvrlq@zudFnhnc@hfbIf~oUbgrK?vwlHatqG`heGssmTrt~Oe}|x@relIwrlq@ztoJggbjA|olGar}gAvflBih|i@lqoHq~zKxt|Fv~lErs`GmioFfnwKjsb^",
  levels: "PNOLMLOPOPMPMOLPOOPP",
  zoomFactor: 2, 
  numLevels: 18
});

	map.addOverlay(jochkls);
}
function klsgri(){
	var klsgri = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 4,
  opacity: 0.8,
  points: "g_avD~r~j@v}~Nnq`xAxmuErrst@|s|@xg_z@jjtJvrlq@zryR||j_Ajo`F~}d_@`bkR`tqGzrnMfhcm@dtkH~hkS|evMftcAtzoH~sxJzmfSetjDhreBrsmTrdjDh~oU",
  levels: "PMOPMMPPMPOPPLP",
  zoomFactor: 2, 
  numLevels: 18
});

	map.addOverlay(klsgri);
}
function griint(){
	var griint = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 4,
  opacity: 0.8,
  points: "me}LdyniOhqjDa~}[~|aO_ikS{hoFo~aO|emTm~hRlga@srst@zejDiivIjwtIdtjDxkgCmioFjhgU}~eBj`f[ys_Nx{qXysfQxv_R{hrVvgrQaswg@zagO{ren@|ddKm}go@zr\\e}|x@cfkG_~d_@?q}`l@nxhHmhuf@``sU{}kb@zdgKgsia@tbqG}r~j@~rvEw}re@nsmFu~sHlw{CysfQrelIiivItn`Fsia@|eiAfi}L~}rFetjD`heGz~eB`rbDatqGdyvDlioFtmlGiivIvyyEria@n}{Jn~aOl`sKx~lEpitBx~lEpflAp~zK|q~HdtjDhptDdi}Lf_xAtsmTp{oEhivIf~dBfi}L}x`@vsfQj|gFrsmTh~nFzs_N~jtF|sxJp}rC|}kb@pekDp~zK~gnEpihCndbAqihCjfaAu~sH",
  levels: "POPPPOPOOPNPOPNPOOPOOPKPNNPOPOOPOOPNPMOOONNOONLOONPLP",
  zoomFactor: 2, 
  numLevels: 18
});

	map.addOverlay(griint);
}
function klslat(){
	var klslat = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "qwkqDzhyYvayA_gwsAxp_Ty|xeAt`^ys_N|vvJkivI~l|Gg~oU`k_HftcA`faFn~aObedHy~lE~sfHlioFnosPria@jinIbidPxt{OctjDtcuJ_txJjapGfi}L``|Lria@d`vI}sxJpr_N_s~j@|tzKm~aO~xeBo~aO`zpGqihC~szL~sxJ_ccAyg_z@ftzMwsfQlifCqstWxcsKgi}LbvsNpihCtsnO~hkS",
  levels: "PPNPOPOPOOPPOPOPOONPOPPOPPOP",
  zoomFactor: 2, 
  numLevels: 18
});

	map.addOverlay(klslat);
}
function latint(){
	var latint = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "hhzsB}_zqHry`S`~}[payJdtjD`xlOj~hRbsfk@ls{Zhyyb@d~vXrkuL`tqGdiX?tn`Fsia@|eiAfi}L~}rFetjD`heGz~eB`rbDatqGdyvDlioFtmlGiivIvyyEria@n}{Jn~aOl`sKx~lEpitBx~lEpflAp~zK|q~HdtjDhptDdi}Lf_xAtsmTp{oEhivIf~dBfi}L}x`@vsfQj|gFrsmTh~nFzs_N~jtF|sxJp}rC|}kb@pekDp~zK~gnEpihCndbAqihCjfaAu~sH",
  levels: "PONPMLOIPPOOPOPNNPMOOONNOONLOONPLP",
  zoomFactor: 2, 
  numLevels: 18
});

	map.addOverlay(latint);
}


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/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);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:change("+ 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/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);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:change("+ i +")>"+ i + " " + title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
	
function clearMarker(){
	map.clearOverlays();
}

function change(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:200px'>";
				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 />";
				}
				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 marker = createMarker(point, title, html);
				map.addOverlay(marker);
				}
				document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}
function loadMap1(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:200px'>";
				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 />";
				}
				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 marker = createMarker1(point, title, html);
				map.addOverlay(marker);
				}
				document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}
onload = load;
onunload = GUnload;