function load(){
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl());
		map.setCenter(new GLatLng(41.90253257042991, 12.47823715209961), 14);
	}
}
function describeLine1(){
	var busline = new GPolyline.fromEncoded({color: "#008000", weight: 4, opacity: 0.8, points: "gpv~Fsu`kAM~@d@\\T}@[}LzDm@hOwKvA}AqGoKfOyMmGsIVy@qDqEk@c@d@oBJgB?{A{AUIsAeGCUkDh@gB@eD_DR?sFi@wHcGv@iBf@c@kD}@P}Jyo@u@cEmGlEgBa@i@yAkAeGm@w@oAKcNjJoAQo@~BqJpKaDrFgOmNjIcK", levels: "P?BCEFGDEHEBFBDCEGCEDCFDEHECDFIDECFDECGCDFHFP", zoomFactor: 2, numLevels: 18});
	map.addOverlay(busline);
}
function describeLine2(){
	var busline = new GPolyline.fromEncoded({color: "#008000", weight: 4, opacity: 0.8, points: "ucw~FsqekA}JzLLpA~DwAtFhU^hBk@rHPdEh@rDeAn@aBxBrBvIzBvH`HyDE}BJkA^]vMc@lCg@`CDQrBo@|AnExE]l@fD`FkAdCb@p@p@fBtMwKoPrTqDbGaC|BcA^qIfFwAz@mBG_Ai@oAoAkD`FbBnBrBdAxCj@PtK", levels: "P?CDFCGDECDFHECDFFGDCDEBFDBDHFGDEFCHCDEDEDP", zoomFactor: 2, numLevels: 18
});
	map.addOverlay(busline);
}
function describeLine3(){
	var busline = new GPolyline.fromEncoded({color: "#008000", weight: 4, opacity: 0.8, points: "yox~Fm`fkA\\BtA_AfBfCxBlCnBvArBfAzAd@~@DyEoX", levels: "P?CDEFDECP", zoomFactor: 2, numLevels: 18});
	map.addOverlay(busline);
}
function describeLine4(){
	var busline = new GPolyline.fromEncoded({ color: "#FF0000", weight: 4, opacity: 0.8,
  	points: "gpv~Fsu`kAM~@d@\\T}@[}LzDm@hOwKvA}AqGoKfOyMmGsIVy@qDqEk@c@d@oBJgB?{A{AUIsAeGCUkDh@gB@eD_DR?sFi@wHcGv@iBf@c@kD}@PeG{_@", levels: "P?BCEFGDEHEBFBDCEGCEDCFDEHECDFP", zoomFactor: 2, numLevels: 18});
	map.addOverlay(busline);
}
function describeLine5(){
	var busline = new GPolyline.fromEncoded({color: "#FF0000", weight: 4, opacity: 0.8, points: "ucw~FsqekA}JzLLpA~DwAtFhU^hBk@rHPdEh@rDeAn@aBxBrBvIzBvH`HyDE}BJkA^]vMc@lCg@`CDQrBo@|AnExE]l@fD`FkAdCb@p@p@fBtMwKoPrTqDbGaC|BcA^qIfFwAz@mBG_Ai@oAoAkD`FbBnBrBdAxCj@PtK", levels: "P?CDFCGDECDFHECDFFGDCDEBFDBDHFGDEFCHCDEDEDP", zoomFactor: 2, numLevels: 18
});	
	map.addOverlay(busline);
}
function describeLine6(){
	var busline = new GPolyline.fromEncoded({ color: "#FF0000", weight: 4, opacity: 0.8,
  points: "{cw~FqqekA`R}U~DuEcDqGhDhGeVcb@DuAw@k@eAd@wClCwCoFyD~EtEzH{ArB{DhPtIhLiDzBuAa@y@kBi@oDq@}AsAk@iATyM|JjCzE`C~BnCdBxEhAcF{XnBiAdABfAdAd@|Cj@zBnAdAnAB~C_C~BzBpP{]", levels: "P?EEEGCCDEFEEFGFDECEFCDHDEFEFDCEDEFGDEP", zoomFactor: 2, numLevels: 18});			
	map.addOverlay(busline);
	}
function describeLine7(){
	var busline = new GPolyline.fromEncoded({ color: "#1E90FF", weight: 4, opacity: 0.8,
  points: "opx~FczckAbUsGf|@{XrBP|Bo@]{B}EzAgBeOrE}Ak@mE{ImOhAkA|UqGrDfVvIcQp@_Cr@wKlBkKnCgU|C~@nIka@DqAf@wCm@ZAdMxAhJrBxHbC|Hx@|FQ`BsUpJwIsBeC|GInDyRlFSeCsI`DqAeLgv@j`Ae[p`@Kj@", levels: "P?HDECEFEDGCFGFIEFGDHCDBDFEGDEFGHDFCGEHIP",
  zoomFactor: 2, numLevels: 18});			
	map.addOverlay(busline);
}
function describeLine(){
	describeLine1(); describeLine2(); describeLine3();
}
function describeLine0(){
	describeLine4(); describeLine5(); describeLine6();
}

var map;
var resultText = "";
var markers = new Array();
var htmls = new Array();
var i=1;
var end;
function createMarker(point, title, html){
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/iconb/iconb"+ 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(35, 5);
	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/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(35, 5);
	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 += "<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 = 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: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 += "<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;