//<![CDATA[
	

    if (GBrowserIsCompatible()){
		
		// Basisikon indstillinger
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.ats.dk/v3/kort/markers/shadow.png";
		baseIcon.printShadow = "http://www.ats.dk/v3/kort/pmarkers/shadow.gif";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		

		//Basisikon indstillinger - venstrestillet (left)
		var baseIconL = new GIcon();
		baseIconL.shadow = "http://www.ats.dk/v3/kort/markers/shadow_l.png";
		baseIconL.printShadow = "http://www.ats.dk/v3/kort/pmarkers/shadow_l.gif";
		baseIconL.iconSize = new GSize(20, 34);
		baseIconL.shadowSize = new GSize(37, 34);
		baseIconL.iconAnchor = new GPoint(19, 34);
		baseIconL.infoWindowAnchor = new GPoint(19, 2);
		baseIconL.infoShadowAnchor = new GPoint(18, 25);

		//Basisikon indstillinger - højrestillet (right)
		var baseIconR = new GIcon();
		baseIconR.shadow = "http://www.ats.dk/v3/kort/markers/shadow_r.png";
		baseIconR.printShadow = "http://www.ats.dk/v3/kort/pmarkers/shadow_r.gif";
		baseIconR.iconSize = new GSize(20, 34);
		baseIconR.shadowSize = new GSize(37, 34);
		baseIconR.iconAnchor = new GPoint(1, 34);
		baseIconR.infoWindowAnchor = new GPoint(9, 2);
		baseIconR.infoShadowAnchor = new GPoint(18, 25);

    
		//-Globale vars
		//Array til markørerne
		var gmarkers = [];
      
		//Array til tekst til kørselsvejledning
		var from_htmls = [];
		var to_htmls = [];
	
		//Streng til liste i højre kolonne
		var side_bar_html = "";


		//Funktion til at oprette markører
	    function createMarker(i, label, point, tekst, icontype, mapID) {  
			//Opret ikoner

			switch(icontype) 
			{
				case 'l':
					var icon = new GIcon(baseIconL);
					icon.image = "http://www.ats.dk/v3/kort/markers/green_l"+(i+1)+".png";		
					icon.printImage = "http://www.ats.dk/v3/kort/pmarkers/green_l"+(i+1)+".gif";	
					break;
				case 'r':
					var icon = new GIcon(baseIconR);
					icon.image = "http://www.ats.dk/v3/kort/markers/green_r"+(i+1)+".png";
					icon.printImage = "http://www.ats.dk/v3/kort/pmarkers/green_r"+(i+1)+".gif";	
					break;				
				case 'h':
					var icon = new GIcon(baseIcon);
					icon.image = "http://www.ats.dk/v3/kort/markers/home.png"		
					break;								
				//dimmed
				case 'd':
					var icon = new GIcon(baseIcon);
					icon.image = "http://www.ats.dk/v3/kort/markers/grey_"+(i+1)+".png";		
					icon.printImage = "http://www.ats.dk/v3/kort/pmarkers/grey_"+(i+1)+".gif";	
					break;								
				default:
					var icon = new GIcon(baseIcon);
					icon.image = "http://www.ats.dk/v3/kort/markers/green_"+(i+1)+".png";		
					icon.printImage = "http://www.ats.dk/v3/kort/pmarkers/green_"+(i+1)+".gif";							
					break;
			}		

			
			var marker = new GMarker(point,icon);  
			
			if (mapID==mapid)
			{
				to_htmls[i] = '<form action="http://maps.google.dk/maps" method="get" target="_blank" id="dir_form">Fra: ' +
				'<input type="text" name="saddr" id="saddr" value="" class="textfelt" /><br />' +
				'<input type="hidden" id="daddr" name="daddr" value="'+label+"@"+ point.lat() + ',' + point.lng() +'" />' +
				'<div class="m_grey">Til: <span class="addr">'+label + '</span></div>' +
				'<INPUT value="Vis kørselsvejledning" TYPE="SUBMIT" class="knap"></form>'; 
           
				from_htmls[i] = '<form action="http://maps.google.dk/maps" method="get" target="_blank" id="dir_form"><div class="m_grey">Fra: <span class="addr">'+label + '</span></div>Til:' +
				'<input type="text" name="daddr" id="daddr" value="" class="textfelt" /><br />' +
				'<input type="hidden" id="saddr" name="saddr" value="'+label+"@"+ point.lat() + ',' + point.lng() +'" />' +
				'<INPUT value="Vis kørselsvejledning" TYPE="SUBMIT" class="knap"></form>'; 

				side_bar_html += '<li onmouseover="mymouseover('+i+')" onmouseout="mymouseout()"><a onclick="myclick('+i+')" href="javascript:void();" title="Klik for at kørselsvejlening m.m.">'+ label + '</a></li>';				
			
				marker.tooltip = '<div class="tooltip">Klik for kørselsvejledning m.m.</div>';
				
				//Tekst til google boblen
				marker.tekst='<div class="m_info">'+tekst + '<div class="directions_link">Kørselsvejledning: <a href="javascript:hertil('+i+')">Her til</a>&nbsp;&nbsp;-  <a href="javascript:herfra('+i+')">Her fra</a></div></div>';
			
				GEvent.addListener(marker, "click", 
					function() {
						//marker.tooltip.style.visibility="hidden";
						marker.openInfoWindowHtml(marker.tekst);
					}
				);
			}
			else
			{
				//klik på grundkortets markører 
				to_htmls[i]='-';
				from_htmls[i]='-';
				
				side_bar_html += '<li onmouseover="mymouseover('+i+')" onmouseout="mymouseout()" ><a href="?mapID='+mapID+'" title="Klik for mere info om adressen">' + label + '</a></li>';				

				marker.tooltip = '<div class="tooltip"><div class="header">'+ (i+1)+'. ' +label+':</div>'+tekst+'<div class="go_on">(Klik for mere info om adressen)</div></div>';			

				
				GEvent.addListener(marker, "click", 
					function() {
						document.location.href='?mapID='+mapID;

						//marker.openInfoWindowHtml('<div class="m_info" onclick="document.location.href=\'?mapID='+mapID+'\'">'+tekst+'</div>');
					}
				);


			}

			//GEvent.addListener(marker, "mouseover", 
			//	function() {
			//		marker.openInfoWindowHtml('<div class="m_info">'+tekst+'</div>');
			//	}
			//);  
			
		     // ====== The new marker "mouseover" and "mouseout" listeners ======
			GEvent.addListener(marker,"mouseover", function() {
				showTooltip(marker);
			});
			GEvent.addListener(marker,"mouseout", function() {
				tooltip.style.visibility="hidden"
			}); 
		    
		    gmarkers[i]=marker;
		    
			
			return marker;
		}
		
		
		// functions til kørselsvejledningsformularer
	    function hertil(i) {
			gmarkers[i].openInfoWindowHtml('<div class="m_info"><div class="m_info_header">Kørselsvejledning:</div>'+to_htmls[i]+'</div>');
		}
		function herfra(i) {
			gmarkers[i].openInfoWindowHtml('<div class="m_info"><div class="m_info_header">Kørselsvejledning:</div>'+from_htmls[i]+'</div>');
		}

		// click funktion til side_bar - ikke aktiv
		function myclick(i) {
			GEvent.trigger(gmarkers[i], "click");
		}

		function showTooltip(marker) {
			tooltip.innerHTML = marker.tooltip;
			var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
			var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
			var anchor=marker.getIcon().iconAnchor;
			var width=marker.getIcon().iconSize.width;
			//var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width, - offset.y + point.y +anchor.y));
			var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x, -offset.y +point.y + anchor.y));
			
			pos.apply(tooltip);
			tooltip.style.visibility="visible";
		}

		 // It launches the tooltip on the icon
		function mymouseover(i) {
			showTooltip(gmarkers[i])
		}
		function mymouseout() {
			tooltip.style.visibility="hidden";
		}
	
		
		//Start

		if (map_KML_URL!='') {
			var KML_URL = 'http://www.ats.dk/kort/KML/'+map_KML_URL;
			//alert(KML_URL);
			var geoXml = new GGeoXml(KML_URL);
		}

		//Kort objekt der pejer på element med map-id
	    var map = new GMap2(document.getElementById("map"));

        //Sæt kontroller på siden
        map.addControl(new GSmallMapControl());       
		map.addControl(new GMapTypeControl(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10, 20)));
	    


	    //center, zoom og type skal være variabel      (Type =   
        //map.setCenter(new GLatLng(56.1500, 10.1800 ), 12);
		map.setCenter(new GLatLng(map_clat, map_clng ), map_zoom);		
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		map.enableScrollWheelZoom();

		
		if (map_KML_URL!='') 
		{		
			map.addOverlay(geoXml);
		}
		
		//Tooltips
		var tooltip = document.createElement("div");
		document.getElementById("map").appendChild(tooltip);
		tooltip.style.visibility="hidden";

		// debug
		if (map_debug=='True') {
			GEvent.addListener(map, "moveend", 
			function() {
				document.getElementById("center_cords").innerHTML = map.getCenter().toUrlValue(6).toString();
				}
			);

		GEvent.addListener(map, "mousemove",
				function(latlng) {     
				document.getElementById("cursor_cords").innerHTML = latlng.toUrlValue(7).toString();
			}
		);			

		
		GEvent.addListener(map, "zoomend",
				function(oldLevel,newLevel) {     
					document.getElementById("zoom_level").innerHTML = newLevel.toString();
				}
			);			
		}
		

		// Hent kortdata fra xml fil
		var request = GXmlHttp.create();

		request.open("GET", "maps.xml", true);
		
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = GXml.parse(request.responseText);
				// obtain the array of markers and loop through it
				var adresser = xmlDoc.documentElement.getElementsByTagName("adresse");
				var aktiv_index=0;
				for (var i = 0; i < adresser.length; i++) {
				// obtain the attribues of each marker
					var mapID = adresser[i].getAttribute("ID");
					var label = adresser[i].getAttribute("titel");
					
					var mark = adresser[i].getElementsByTagName("markers");
					
					var lat = parseFloat(mark[0].getAttribute("lat"));
					var lng = parseFloat(mark[0].getAttribute("lng"));
					var point = new GLatLng(lat,lng);
					var icontype =mark[0].getAttribute("icontype");					
					
					var desc = adresser[i].getAttribute("desc");
					desc = desc.replace(/\\n/g,"<br/>") // 
					
					//forskellige markører
					if (mapid==mapID) //Aktivt korts markør
					{ 
						var picURL = mark[0].getAttribute("img");
						picURL = (picURL!='') ? '<img src="pics/'+mark[0].getAttribute("img")+'" />' : '';
						var marker = createMarker(i, label, point,'<div class="m_info_header">'+label+'</div>'+picURL,icontype, mapID);
						aktiv_index=i
					}
					else if (mapid!="oversigt") //grå markører
					{
					   // gl markertekst '<div class="m_info_header">'+label+'</div>'+desc+'<br/><a href="?mapid='+mapID+'">Se kort over adressen</a>'
					
						var marker = createMarker(i, label, point, desc, 'd', mapID);
					}
					else //Markører på oversigtskort
					{	
						
						var marker = createMarker(i, label, point, desc ,icontype, mapID);
					}

					//læg markøren på
					map.addOverlay(marker);

				}
				
				document.getElementById("side_bar").innerHTML = '<ol>' +side_bar_html +'</ol>';
				if (mapid!="oversigt") {
					//gmarkers[mapid-1].openInfoWindowHtml( gmarkers[mapid-1].tekst );
					GEvent.trigger(gmarkers[aktiv_index], "click");
				}

	
			
			}
		
		}	      
		request.send(null);	  
		

		
	
	} //Slut 
	else 
	{
		alert('Desvære - Din browser er ikke i stand til at vise Google-maps-kort!'); 
	}
	
	
    	
	
//]]>
