function load(){
if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl());
		map.addControl(new GOverviewMapControl(new GSize(160,120)));
		map.setCenter(new GLatLng(48.83654425556697, 2.336493730545044), 5);
		fullLine(); loadMap('french1.xml');
	}
}
function fullLine(){
	map.clearOverlays();
	var points = [new GLatLng(51.034292, 2.336493730545044), new GLatLng(48.846348, 2.336493730545044), new GLatLng(41.387917, 2.336493730545044)];
	var line = new GPolyline(points, "#CC0000", 5);
	map.addOverlay(line);
}

function fullLine1(){
	map.clearOverlays();
	var points = [new GLatLng(90.00, 2.336493730545044), new GLatLng(-90.00, 2.336493730545044)];
	var line = new GPolyline(points, "#008080", 5);
	map.addOverlay(line);
}
function fullLine2(){
	map.clearOverlays();
	var points = [new GLatLng(90.00, 0.00), new GLatLng(-90.00, 0.00)];
	var line = new GPolyline(points, "#000080", 5);
	map.addOverlay(line);
}

var map;
var resultText = "";
var markers = new Array();
var htmls = new Array();
var i=1;
function createMarker(point, title, html){
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "./js/french.png";
	myIcon.iconSize = new GSize(25, 17);
	myIcon.iconAnchor = new GLatLng(0, 0);
	myIcon.infoWindowAnchor = new GPoint(0, 0);
	var marker = new GMarker(point, {"icon":myIcon, "clickable":true, "title":title});
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+ i +")>"+ i + " " + title +"</a><br />";
		i++; if(i==5){i=1;}
		return marker;
}
function createMarker1(point, title, html){
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "./js/spain.png";
	myIcon.iconSize = new GSize(25, 17);
	myIcon.iconAnchor = new GLatLng(0, 0);
	myIcon.infoWindowAnchor = new GPoint(0, 0);
	var marker = new GMarker(point, {"icon":myIcon, "clickable":true, "title":title});
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+ i +")>"+ i + " " + title +"</a><br />";
		i++; if(i==5){i=1;}
		return marker;
}
function createMarker2(point, title, html){
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "./js/unionjack.png";
	myIcon.iconSize = new GSize(34, 17);
	myIcon.iconAnchor = new GLatLng(0, 0);
	myIcon.infoWindowAnchor = new GPoint(0, 0);
	var marker = new GMarker(point, {"icon":myIcon, "clickable":true, "title":title});
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+ i +")>"+ i + " " + title +"</a><br />";
		i++; if(i==5){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");
			resultText="";
			for(var i=0; i<place.length; i++){
				var id  = parseFloat(place[i].getElementsByTagName("id")[0].firstChild.nodeValue);
				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;					switch(id){
					case 1:	var marker = createMarker(point, title, html); break;
					case 2: var marker = createMarker(point, title, html); break;
					case 3: var marker = createMarker1(point, title, html); break;
					case 4: var marker = createMarker2(point, title, html); break;
					default: var marker = createMarker(point, title, html); break;
					}
					map.addOverlay(marker);
				}
				document.getElementById("map_right").innerHTML = resultText;
			}
		}
		request.send('');
}

onload = load;
onUnload = GUnload;