var gmap;
var curKml = null;

function init () {

	setAuswahl();

	gmap = new GMap2(document.getElementById("mapgm"));
	gmap.addMapType(G_PHYSICAL_MAP);
	gmap.setMapType(G_PHYSICAL_MAP);
	gmap.addControl(new GMapTypeControl());
	gmap.addControl(new GLargeMapControl());
	gmap.addControl(new GOverviewMapControl());
	gmap.setCenter(new GLatLng(routen[0].lat, routen[0].lon), 12);
	
	// Add qi-Punkte overlay
	var qi = new GGeoXml("kml/qikomplett.kmz");
	gmap.addOverlay(qi);

	setRoute(0);
}

function loadKML (url) {
	
	if (curKml !== null) {
		gmap.removeOverlay(curKml);
	}

	var geoXml = new GGeoXml(url);
	gmap.addOverlay(geoXml);
	curKml = geoXml;
}

function setAuswahl () {
	var list = document.getElementById("auswahl");
	
	for (var i=0; i < routen.length; i++) {
		var linew = document.createElement('option');
    	linew.text = routen[i].name;
    	linew.value = i;
    	    	
    	try {
    		list.add(linew, null);
    	} catch(ex) {
    		list.add(linew);
    	}
	}
	
	list.onchange = setRoute;
}

function setRoute () {

	var idx =  document.getElementById("auswahl").selectedIndex;
	var beschr = document.getElementById("beschreibung");
	var link = document.getElementById("link");
	
	gmap.setZoom(routen[idx].zoom);
	gmap.panTo(new GLatLng(routen[idx].lat, routen[idx].lon));
	
	loadKML (routen[idx].kml);

    if (routen[idx].beschreibung) {
   		beschr.innerHTML = routen[idx].beschreibung;
   		beschr.style.display = "block";
   	} else {
   		beschr.innerHTML = "";
   		beschr.style.display = "none";
   	}
   	
   	if (routen[idx].link) {
   		link.innerHTML = "<a href='" + routen[idx].link + "' title='Detailinformation zur Route " + routen[idx].name + "...'>Detailinformation</a>";
   		link.style.display = "block";
   	} else {
   		link.innerHTML = "";
   		link.style.display = "none";
   	}
	
}