// JavaScript Document

//Custom icon gebruiken voor de markers
var myIcon = new GIcon(G_DEFAULT_ICON);
myIcon.image = "afbeeldingen/schoen3.gif";
myIcon.shadow = "afbeeldingen/schoentje_schaduw.png";
myIcon.iconSize = new GSize(18, 18);
myIcon.shadowSize = new GSize(40, 25);
myIcon.iconAnchor = new GPoint(4, 15);
myIcon.infoWindowAnchor = new GPoint(9, 0);

//Global vars
var map;
var geoXml;
var toggleState = 1;
var pairs;

//Pak de variabele uit de string (in php $_GET)
function get(key_str) {
	if(window.location.search) {
		var query = window.location.search.substr(1);
		pairs = query.split("&");
		for(var i = 0; i < pairs.length; i++) {
			pair = pairs[i].split("=");
			if(unescape(pair[0]) == key_str)
				return unescape(pair[1]);
		}
	}
}
// Maak de map aan met de verschillende functies en een kml overlay
function initialize_detail() {
	if (GBrowserIsCompatible()) {
		//get();
		geoXml = new GGeoXml("http://www.boerenlandpad.nl/convert_kml.php?kaartid="+kaartid);
		GEvent.addListener(geoXml, 'load', function() {
			if (geoXml.hasLoaded()) {
				map.setCenter(geoXml.getDefaultCenter(),
				map.getBoundsZoomLevel
				(geoXml.getDefaultBounds()));
			}
  		});
		
		map = new GMap2(document.getElementById("map_detail"));
		// functies toevoegen
		map.setCenter(new GLatLng(51.6, 5.2), 6);
		map.addOverlay(geoXml);
		
		$("#zoomin").click(function(){
			map.zoomIn();
		});
		$("#zoomout").click(function(){
			map.zoomOut();
		});
		$("#kaart").click(function(){
			map.setMapType(G_NORMAL_MAP);
		});
		$("#sat").click(function(){
			map.setMapType(G_SATELLITE_MAP);
		});
		$("#beide").click(function(){
			map.setMapType(G_HYBRID_MAP);
		});

		$("#map_detail").css("visibility","visible");	

	}
}