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(50.1399043297833, 7.73016929626465), 9, G_PHYSICAL_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 GLargeMapControl());
map.addControl(new GScaleControl());
	}
}

function mainzkoln(){
	var polyline1_1 = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 10,
  opacity: 0.5,
  points: "__{uHiloi@ziEm{Brg@ytAbGy}CtAuaBn_@a{@vo@iC`Z`]lr@plCdhAbyAtbAnyCfu@re@du@en@fOqpAzIqnBvo@ucAjvBcPnxAyv@haC_tH~w@k}AvmAse@`kAse@dm@m}A~d@slCjhAk}AhsA}i@dqB_fBtvBijBdmHwXhm@vXbcAscAfZglArLoyCfZk_Afx@or@j}GadCzpAscAdzFixHlvAcwBlm@snBuAc~Ev_@glAhnAk_Az}@m}A`]_fBkOw_Cwj@m{BtLslCdp@ewBt`AyrBpkAw_C|}@gn@lwBfn@rtEtaBziB{KldBqpApxCe|Flp@ia@`~@re@~TflAwW`bDuApnBje@tcAds@ePdRk_AnDk}AtW}i@tm@a]|_@wXlp@cyAlp@or@~u@gCd~@pGdh@ijB~Tu_CnD_hA~j@scAvm@wXfRc{@~Tse@~j@hCf]or@vAmT~j@ePp{@xtA~TdPf]{Kpe@glAhtAijBzyAqnBh]ePjiAzK`UcPjs@gn@pZ}gAbv@w_Cjs@a{@zm@ucAh]ytAzm@or@tp@mTfwAsGn~@opAfGsnBgGc~EqO}nD{WkhCev@_dCck@m{Bev@o{BaUc~EoO{tAms@{pCewAqeKyLk_ApOeuChRkfDhh@k}At{@cyA~nA{tA",
  levels: "PIGCGKGHGGGKHEIHGIFHBIFGJG@IGJHFFJGGLEGJIGGGIFGIFCLHEHJGGKGIFIHLFFIDGFIEIGEHFGEJGEGIGFJFBIFHCIDGEGIGFHMFGEIDEHEGFBKAIFGP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
}

function rudes(){
	var polyline1_1 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 10,
  opacity: 0.6,
  points: "qc`pHy}io@nXn~ArF|sBcLrcAc`@tt@i[fQc`@rHck@tHai@~MoX`@wUhRaU~[c`@n_BmM|Zsp@xeA}x@~hAqQb{@sQ`l@kj@`jAmj@vg@k_@eBav@yJyWnFg|@rqAeo@l`Acx@paA_`@~y@oXre@uJnFyNgBk`Ak}AkKmEwL`@wW~MoDxJeEpd@qF`OkKlEwV?aLa@sHtAqGbH}GtPaKdP",
  levels: "PGFJFHCDEFIFDGDFDFJGDFI@EECEIFFDIFDDGEBDGDCP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
}

function mosel(){
	var polyline1_1 = new GPolyline.fromEncoded({
  color: "#008000",
  weight: 10,
  opacity: 0.5,
  points: "qaaqHo}vj@ov@oJePwI_Ug`@oDwXxC}i@xCyYwAkb@iTqd@gR{h@oD}x@aA{i@lB{w@aA_z@xCm`ATgn@yCekAsHa{@{Pyv@c[mc@cd@qUcNyYcCe_@lBuu@hI_wAlBe_@qFyv@}G{x@aLkp@_LwX}s@{Z_WqFeh@yh@cd@{Zc[kp@_WooAePuf@oD}gAlBal@?ia@kKg`@cP{KeP`@o\\fQ_LbAc[wIsSgCgTrHad@hRkMoFub@mq@}_@se@sWePy[dAmg@|LiVeP{RmTe]gBoi@hCic@a@y]eP_Wwg@}Ikb@?c^zEyY`N{YhXa^~VsVdGqUvAyYoF_k@wLkb@el@_k@sUmc@}Ial@wAio@_Lse@iViRiXa@ch@vIqb@dQa[?w[mc@ga@ka@iXeQcPmSwA}j@jMg`@hKqUj@oc@k@e_@qUscA",
  levels: "PEGEICEGCFGCDDCEHEGFEHDE@GBEKFDFDGIDGECFJEFDFCGBIEDEHEGDGDDFKFEHDFDGDFJFEGEEIFGEEHEDDIFCFGEP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);
}

var resultText = "";
var markers = new Array();
var htmls = new Array();
var points = new Array();
var zooms = new Array();
var end;
var i=1;
function createMarker(point, zoom, 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, 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;
		points[i] = point;
		zooms[i] = zoom;
		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]);
   map.setCenter(points[i],zooms[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 zoom = parseInt(place[i].getElementsByTagName("zoom")[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 kana = place[i].getElementsByTagName("kana")[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'>" + kana + "</a></b>";
				}else{
					html += name;
					html += "</b>";
				}
				if(place[i].getElementsByTagName("kana").length != 0){
					var name = place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
					html += "(";
					html += place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
					html += ")<br />";
				}else{
					html += "";
				}
				if(place[i].getElementsByTagName("info").length != 0){
					html += "<font size='-1'>";
					html += place[i].getElementsByTagName("info")[0].firstChild.nodeValue;
					html += "<br/><a href=javascript:map.zoomIn()>zoomIn</a> | <a href=javascript:map.zoomOut()>zoomOut</a></font></div>";
				}else{
					html += "";
					html += "</div>";
				}
				var title = place[i].getElementsByTagName("kana")[0].firstChild.nodeValue;
				var marker = createMarker(point,zoom, 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("kana").length != 0){
					var kana = place[i].getElementsByTagName("kana")[0].firstChild.nodeValue;
					html += "(";
					html += place[i].getElementsByTagName("kana")[0].firstChild.nodeValue;
					html += ")<br />";
				}else{
					html += "";
				}
				if(place[i].getElementsByTagName("info").length != 0){
					html += "<font size='-1'>";
					html += place[i].getElementsByTagName("info")[0].firstChild.nodeValue;
					html += "<br/><a href=javascript:map.zoomIn()>zoomIn</a> | <a href=javascript:map.zoomOut()>zoomOut</a></font></div>";
				}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;