// Auteur: Klaas-Bindert de Haan, Dienst Ruimtelijke Ordening, Gemeente Amsterdam

var deTitel;
var deKaart;
var deObjectenArray = [];
var deObjectenInViewportArray = [];
var deFilterArray = [];
var deInfoWindow; 
var deGeocoder;
var deTooltip;
var deLegendaJS = [];
var deKleurJS = [];
var deLegendaExtraGroep = [];
var deZWLat; 
var deZWLng; 
var deNOLat; 
var deNOLng; 
var deMarkerClusterer;
var deOverlay;
var deOpacity = 100;
var deOpacitySlider;
var deMC_stijl =[[]];
var deMC_url;
var deMC_height;
var deMC_width;
var deMC_anchor;
var deOverlayCoords;


function disableSelection(target){
	if (typeof target.onselectstart!="undefined") target.onselectstart=function(){return false}
	else if (typeof target.style.MozUserSelect!="undefined") target.style.MozUserSelect="none"
	else target.onmousedown=function(){return false}
}

function doeMCvariabelen(_MC_url, _MC_height, _MC_width, MC_anchorx, MC_anchory) {
	var deMC_anchor = [MC_anchorx, MC_anchory];	
	deMC_stijl = [[{url: _MC_url, height: _MC_height, width: _MC_width, anchor: deMC_anchor}]];	
}

function doeOverlayCoords(_deCoords) {
	deOverlayCoords = _deCoords;
	document.getElementById('transparantie').style.visibility = 'visible';	
}
	
	
function doeLegendaJSregel(deSelect, deZindex, deTabel, deNaam, deIcon, deVlakKleur, deVlakTrans1, deVlakTrans2, deLijnKleur, deLijnTrans, deLijnDikte, deLabelType, deMarkerClustererJN) {
	deNaam = deNaam.replace("<br />"," ");
	deNaam = deNaam.replace("<br>"," ");	
	deNaam = deNaam.replace("<b>","");
	deNaam = deNaam.replace("</b>","");
	deNaam = deNaam.replace("<i>","");
	deNaam = deNaam.replace("</i>","");
	deNaam = deNaam.replace("<h1>","");
	deNaam = deNaam.replace("</h1>","");
	deNaam = deNaam.replace("<h2>","");
	deNaam = deNaam.replace("</h2>","");	
	var deInfo1 = "<div id='info_container'>&nbsp;" + deNaam + "<table id='infotabel'>";
	var deURL="../_Basis/MaakXML.php?TABEL=" + deTabel;
	if (deSelect != deTabel) deURL += "&SELECTIE=" + deSelect;
	deLegendaJS[deSelect] = [];
	deLegendaJS[deSelect][0] = deZindex;	
	deLegendaJS[deSelect][1] = deInfo1;
	deLegendaJS[deSelect][2] = deIcon;
	deLegendaJS[deSelect][3] = deVlakKleur;
	deLegendaJS[deSelect][4] = deVlakTrans1;
	deLegendaJS[deSelect][5] = deVlakTrans2;	
	deLegendaJS[deSelect][6] = deLijnKleur;
	deLegendaJS[deSelect][7] = deLijnTrans;
	deLegendaJS[deSelect][8] = deLijnDikte;	
	deLegendaJS[deSelect][9] = deLabelType;
	deLegendaJS[deSelect][10] = deMarkerClustererJN;
	deLegendaJS[deSelect][11] = deURL;
	deLegendaJS[deSelect][12] = deTabel;
}

function doeKleurJSregel(deSelect, deIcon, deVlakKleur, deVlakTrans1, deVlakTrans2, deLijnKleur, deLijnTrans, deLijnDikte) {
	deKleurJS[deSelect] = [];
	deKleurJS[deSelect][0] = deIcon;
	deKleurJS[deSelect][1] = deVlakKleur;
	deKleurJS[deSelect][2] = deVlakTrans1;
	deKleurJS[deSelect][3] = deVlakTrans2;	
	deKleurJS[deSelect][4] = deLijnKleur;
	deKleurJS[deSelect][5] = deLijnTrans;
	deKleurJS[deSelect][6] = deLijnDikte;	
}


function doeLegendaExtra(deGroep, deIcon, deBorder, deVlakKleur, deNaam, deStijl, deRegelafstand) {
	if (!deLegendaExtraGroep[deGroep]) deLegendaExtraGroep[deGroep] = [];
	var deLegendaExtraRegel = [];
	deLegendaExtraRegel[0] = deIcon;
	deLegendaExtraRegel[1] = deBorder;
	deLegendaExtraRegel[2] = deVlakKleur;	
	deLegendaExtraRegel[3] = deNaam;
	deLegendaExtraRegel[4] = deStijl;	
	deLegendaExtraRegel[5] = deRegelafstand;
	deLegendaExtraGroep[deGroep].push(deLegendaExtraRegel);
}


function doeLegenda2(deGroep) {
	var deDiv = document.getElementById('legenda2');
	deDiv.style.visibility = 'hidden';
	if (deLegendaExtraGroep[deGroep]) {	
		var deLegenda2String = "<table>\n";
		for (var i in deLegendaExtraGroep[deGroep]) {	
			var deIcon = deLegendaExtraGroep[deGroep][i][0];
			var deBorder = deLegendaExtraGroep[deGroep][i][1];
			var deVlakKleur = deLegendaExtraGroep[deGroep][i][2];
			if (deVlakKleur == "") deVlakKleur = "#E8E8E8";	
			var deNaam = deLegendaExtraGroep[deGroep][i][3];
			var deStijl = deLegendaExtraGroep[deGroep][i][4];	
			var deRegelafstand = deLegendaExtraGroep[deGroep][i][5];
			deLegenda2String += "<tr><td class='cel1'";
			deLegenda2String += " style='background-color:" + deVlakKleur + ";";
			if (deBorder == 0) deLegenda2String += " border:solid 1px #E8E8E8;'>";
			else deLegenda2String += " border:solid 1px #000000;'>";
			if (deIcon != "") deLegenda2String += "<img class='bedekking' src='../_Icons/" + deIcon + "' alt=''>";	
			deLegenda2String += "</td>\n<td class='cel2'>&nbsp;</td>\n";
			deLegenda2String += "<td class='cel3' style='height:" + deRegelafstand + "'>";
			if (deStijl != "" && deStijl != "h3") deLegenda2String += "<" + deStijl + ">" + deNaam + "</" + deStijl + "></td></tr>\n"; 
			else deLegenda2String += deNaam + "</td></tr>\n";
		}
		deLegenda2String += "</table>"; 
		deDiv.innerHTML = deLegenda2String; 
		deDiv.style.visibility = 'visible';
		if (deGroep.substr(0,12) == 'Woningwaarde') deDiv.style.top='690px';	
	}
}


function doeKaart(deCenterX, deCenterY, deZoom) {
	doeKaartHoogte();
	window.onresize = doeKaartHoogte;	
	deKaart = new google.maps.Map(document.getElementById("kaart"),{
		zoom: deZoom,
		center: new google.maps.LatLng(deCenterX, deCenterY),
		scaleControl: true,
		streetviewControl: true,
		overviewMapControl: true,
		mapTypeId: google.maps.MapTypeId.SATELLITE	
	});
	deKaart.enableKeyDragZoom({
		visualEnabled: true,
		visualPosition: google.maps.ControlPosition.LEFT,
		visualPositionOffset: new google.maps.Size(35, 0),
		visualPositionIndex: null,
		visualSprite: "http://maps.gstatic.com/mapfiles/ftr/controls/dragzoom_btn.png",
		visualSize: new google.maps.Size(20, 20),
		visualTips: {off: "Zoom in box", on: "Turn off"}
	});

	deTooltip = new Tooltip();
	deTooltip.setMap(deKaart);
	deInfoWindow = new google.maps.InfoWindow(); 
	deGeocoder = new google.maps.Geocoder();
	if (deMC_stijl[0]) deMarkerClusterer = new MarkerClusterer(deKaart, [], {styles: deMC_stijl[0], gridSize: 30, minimumClusterSize: 2, maxZoom: 14});
	google.maps.event.addListener(deKaart, 'idle', function(){ 
		deZWLat = deKaart.getBounds().getSouthWest().lat(); 
		deZWLng = deKaart.getBounds().getSouthWest().lng(); 
		deNOLat = deKaart.getBounds().getNorthEast().lat(); 
		deNOLng = deKaart.getBounds().getNorthEast().lng();
		var deViewport = "&ZW_LNG=" + deZWLng + "&NO_LNG=" + deNOLng + "&ZW_LAT=" + deZWLat + "&NO_LAT=" + deNOLat
		for (var i in deLegendaJS) {
			var _i = deLegendaJS[i];
			doeKaartlaag(i, _i[0], _i[1], _i[2], _i[3], _i[4], _i[5], _i[6], _i[7], _i[8], _i[9], _i[10], _i[11] + deViewport, _i[12]);
		}
	});
	google.maps.event.addDomListener(document.getElementById('gohome'), 'click', function() {
		deKaart.setCenter(new google.maps.LatLng(deCenterX, deCenterY));
		deKaart.setZoom(deZoom);
	});
//	doeRadioSubs('radio1','Legenda1');
	doeToelichting('visible'); 
	disableSelection(document.getElementById("transparantie")) 	
}	


function doeKaartlaag(deSelect, deZindex, deInfo1, deIcon, deVlakKleur, deVlakTrans1, deVlakTrans2, deLijnKleur, deLijnTrans, deLijnDikte, deLabelType, deMarkerClustererJN, deURL, deTabel){
	if (document.getElementById(deSelect).checked == true) {
		if (deSelect.substr(0,9) == "AMSTELIII") doeLegenda2(deSelect);
		if (deSelect.substr(0,12) == "Woningwaarde") doeLegenda2(deSelect.substr(0,17));
		if (!deObjectenArray[deSelect]) deObjectenArray[deSelect] = [];
		if (deTabel == 'OVERLAY' && !deObjectenArray[deSelect][0]) {
			var deCoordsArray = deOverlayCoords.split("|");
			var dePointsArray = [];
			for (var k in deCoordsArray) {
				if (deCoordsArray[k]) {
					var xy = deCoordsArray[k].split(",");
					dePointsArray.push(new google.maps.LatLng(xy[1], xy[0]));
				}
			}
			var deObject = new ProjectedOverlay(
				"Overlays/"+deSelect+".png",
				new google.maps.LatLngBounds(dePointsArray[0],dePointsArray[1]),
				deSelect+"_PNG"
			);	
			deObject.setMap(deKaart);
			deObjectenArray[deSelect].push(deObject);
			deOverlay = deObject;
			deOpacitySlider = new OpacitySlider();
		}
		else if (deTabel != 'OVERLAY') {
			if (!deObjectenInViewportArray[deSelect]) deObjectenInViewportArray[deSelect] = [];
			if (!deFilterArray[deSelect]) deFilterArray[deSelect] = [];
			downloadUrl(deURL, function(data) {
				var deObjecten = data.documentElement.getElementsByTagName("object");
				for (var i = 0, _i; _i = deObjecten[i]; i++) {
					var deObject;
					var deVolgnr = _i.getAttribute("VOLGNR");
					if (deObjectenInViewportArray[deSelect][deVolgnr] != 1) {	
						deObjectenInViewportArray[deSelect][deVolgnr] = 1;
						var deFilter = _i.getAttribute("FILTER");
						if (deFilter != "") deFilterArray[deSelect].push(deFilter);
							var deTemp = 0;
						if (deVlakKleur == '#DIVERS') {
							deTemp = 1;
							deObjectSelect = _i.getAttribute("SELECTIE");
							deIcon = deKleurJS[deObjectSelect][0];							
							deVlakKleur = deKleurJS[deObjectSelect][1];
							deVlakTrans1 = deKleurJS[deObjectSelect][2];
							deVlakTrans2 = deKleurJS[deObjectSelect][3];								
							deLijnKleur = deKleurJS[deObjectSelect][4];
							deLijnTrans = deKleurJS[deObjectSelect][5];
							deLijnDikte = deKleurJS[deObjectSelect][6];	
						}
						var deType = _i.getAttribute("TYPE");
						if (deType == 'punt') {
							var deCoordsArray = _i.getAttribute("COORDS").split("||");
							var xy = deCoordsArray[0].split(",");				
							deObject = new google.maps.Marker({
								position: new google.maps.LatLng(xy[1], xy[0]),
								zIndex: deZindex,						
								icon: deIcon
							});
						}
						else if (deType == 'lijn') {
							var dePathArray = [];
							var deDisaggArray = _i.getAttribute("COORDS").split("||");
							for (var j in deDisaggArray) {
								if (deDisaggArray[j]) {
									var deCoordsArray = deDisaggArray[j].split("|");
									var dePointsArray = [];
									for (var k in deCoordsArray) {
										if (deCoordsArray[k]) {
											var xy = deCoordsArray[k].split(",");
											dePointsArray.push(new google.maps.LatLng(xy[1], xy[0]));
										}
									}
									dePathArray.push(dePointsArray);
								}
							}

							deObject = new google.maps.Polyline({
								path: dePathArray,
								strokeColor: deLijnKleur,
								strokeOpacity: deLijnTrans,
								strokeWeight: deLijnDikte,
								zIndex: deZindex							
							});
						}
						else if (deType == 'vlak') {
							var dePathArray = [];
							var deDisaggArray = _i.getAttribute("COORDS").split("||");
							for (var j in deDisaggArray) {
								if (deDisaggArray[j]) {
									var deCoordsArray = deDisaggArray[j].split("|");
									var dePointsArray = [];
									for (var k in deCoordsArray) {
										if (deCoordsArray[k]) {
											var xy = deCoordsArray[k].split(",");
											dePointsArray.push(new google.maps.LatLng(xy[1], xy[0]));
										}
									}
									dePathArray.push(dePointsArray);
								}
							}

							deObject = new google.maps.Polygon({
								paths: dePathArray,							
								strokeColor: deLijnKleur,
								strokeOpacity: deLijnTrans,
								strokeWeight: deLijnDikte,
								fillColor: deVlakKleur,
								fillOpacity: deVlakTrans1,
								zIndex: deZindex							
							});

						}
						if (deTemp == 1) deVlakKleur = "#DIVERS";
						var deInfo2 = _i.getAttribute("INFO");
						if (deInfo2 ) {
							deObject.informatie = deInfo1 + deInfo2 + "</table></div>";
							google.maps.event.addListener(deObject, 'click', function(e) {
								doeToelichting("hidden");
								deInfoWindow.setZIndex(800);
								deInfoWindow.setPosition(e.latLng);
								deInfoWindow.setContent(this.informatie);
								deInfoWindow.setMap(deKaart);
							});	
						}
						var deLabel = _i.getAttribute("LABEL");
						if (deLabelType != 0 && deLabel) {
							deObject.tooltip = deTooltip;
							deObject.text = deLabel;
							deObject.type = deLabelType;
							google.maps.event.addListener(deObject, "mouseover", function(e) {
								this.tooltip.show(e.latLng,this.text,this.type);
								this.setOptions({fillOpacity: deVlakTrans2});
							});
							google.maps.event.addListener(deObject, "mouseout", function() {
								this.tooltip.hide();
								this.setOptions({fillOpacity: deVlakTrans1});
							});
						}
						if (deMarkerClustererJN == 1) deMarkerClusterer.addMarker(deObject);					
						else deObject.setMap(deKaart);
						deObjectenArray[deSelect].push(deObject);
					}
				}
			});
		}
	}
}

 
function doeToggle(deSelect, deMC) {
	doeToelichting('hidden');
	if (document.getElementById(deSelect).checked) {
		for (var i in deObjectenArray[deSelect]) {
			var deObject = deObjectenArray[deSelect][i];
			if (deMC && deObject.getVisible() == false) deObject.setVisible(true);		
			else if (!deMC && deObject.getMap() == null) deObject.setMap(deKaart);			
		}
	}
	else {
		for (var i in deObjectenArray[deSelect]) {
			var deObject = deObjectenArray[deSelect][i];
			if (deMC && deObject.getVisible() == true) deObject.setVisible(false);		
			else if (!deMC && deObject.getMap() == deKaart) deObject.setMap(null);
		}
	}
	google.maps.event.trigger(deKaart, 'idle');
	if (deMC) deMarkerClusterer.repaint();
}


function doeToggleFilter(deSelect, deMC) {
	doeToelichting('hidden');
	var deLaagAan = true;
	var deFilterGevonden	
	var deLegenda1Check = [];
	var k = 0;
	var deLegenda1 = document.getElementsByName("Legenda1f");
	for (var j = 0; j < deLegenda1.length; j++) {	
		if (deLegenda1[j].checked) {
			deLegenda1Check[k] = deLegenda1[j].id;
			k = k + 1;
		}
		else if (deLegenda1[j] == document.getElementById(deSelect)){
			deLaagAan = false;
			for (var j in deObjectenArray[deSelect]) {
				if (deMC == 1) deObjectenArray[deSelect][j].setVisible(false);		
				else deObjectenArray[deSelect][j].setMap(null);
			}			
		}
	}
	if (deLaagAan) {
		var deLegenda2Check = [];
		var k = 0;
		var deLegenda2 = document.getElementsByName("Legenda2f");
		for (var j = 0; j < deLegenda2.length; j++) {	
			if (deLegenda2[j].checked) {
				deLegenda2Check[k] = deLegenda2[j].id;
				k = k + 1;
			}
		}	
		for (var b = 0; b < deLegenda1Check.length; b++) {
			for (var bo in deObjectenArray[deLegenda1Check[b]]) {
				var deObject1 = deObjectenArray[deLegenda1Check[b]][bo];
				var deFilter1 = deFilterArray[deLegenda1Check[b]][bo];
				deFilterGevonden = false;
				for (var o = 0; o < deLegenda2Check.length; o++) {
					if (deLegenda2Check[o] == deFilter1) {
						if (deMC && deObject1.getVisible() == false) deObject1.setVisible(true);		
						else if (deObject1.getMap() == null) deObject1.setMap(deKaart);
						deFilterGevonden = true;
						break;
					}
				}
				if (!deFilterGevonden) {
					if (deMC && deObject1.getVisible() == true) deObject1.setVisible(false);		
					else if (deObject1.getMap() == deKaart) deObject1.setMap(null);				
				}
			}
		}
	}
//	google.maps.event.trigger(deKaart, 'idle');
	if (deMC) deMarkerClusterer.repaint();	
}


function doeAlles(deCheck, deLegendaGroepsnaam, deMC) {
	doeToelichting('hidden');  
 	var deLegendaGroep = document.getElementsByName(deLegendaGroepsnaam);
	for (var i = 0; i < deLegendaGroep.length; i++) {
		deLegendaGroep[i].checked = deCheck;
		var deID = deLegendaGroep[i].id;
		for (var j in deObjectenArray[deID]) {     
			var deObject = deObjectenArray[deID][j];
			if (deCheck) {
				if (deMC && deObject.getVisible() == false) deObject.setVisible(true);		
				else if (deObject.getMap() == null) deObject.setMap(deKaart);
			}				
			else {
				if (deMC && deObject.getVisible() == true) deObject.setVisible(false);		
				else if (deObject.getMap() == deKaart) deObject.setMap(null);
			}
		}
	}
	if (deCheck) google.maps.event.trigger(deKaart, 'idle');
	if (deMC) deMarkerClusterer.repaint();
} 

function doeRadio(deSelect, deLegendaGroepsnaam, deMC) {
	doeToelichting('hidden');  
 	var deLegendaGroep = document.getElementsByName(deLegendaGroepsnaam);
	for (var i = 0; i < deLegendaGroep.length; i++) {
		var deGroeplaag = deLegendaGroep[i].id;
		if (deGroeplaag == deSelect) {
			for (var j in deObjectenArray[deGroeplaag]) {
				var deObject = deObjectenArray[deGroeplaag][j];
				if (deMC && deObject.getVisible() == false) deObject.setVisible(true);		
				else if (!deMC && deObject.getMap() == null) deObject.setMap(deKaart);
			}
			
		}
		else {
			for (var j in deObjectenArray[deGroeplaag]) {
				var deObject = deObjectenArray[deGroeplaag][j];
				if (deMC && deObject.getVisible() == true) deObject.setVisible(false);		
				else if (!deMC && deObject.getMap() == deKaart) deObject.setMap(null);			
			}
		}
 	}
	google.maps.event.trigger(deKaart, 'idle');
	if (deMC) deMarkerClusterer.repaint();	
	if (deSelect.substr(0,9) == "AMSTELIII") doeLegenda2(deSelect);
} 


function doeKaartHoogte(){
	document.getElementById("kaart").style.height = doeHoogte() + "px";
//	document.getElementById("vlak_legenda").style.height = (doeHoogte() + 112) + "px";  
}


function doeHoogte(){ 
	var screenH = 0; 
	if (document.layers || (document.getElementById && !document.all)){screenH = window.innerHeight - 112;} 
	else if (document.all) {
		if (parseInt(navigator.appVersion.indexOf("6") == -1)){screenH = document.body.clientHeight - 112;} 
		else {screenH = document.documentElement.clientHeight - 112;}
	}
	return screenH; 
}


function doeToelichting(aanuit){
//	deKaart.getInfoWindow().hide();
	document.getElementById("toelichting_container").style.visibility = aanuit;
}


function doeAdresXY() {
	var deAdres = document.getElementById('adres_input').value;
	var deAdresAmsterdam = deAdres+" Amsterdam";
	deGeocoder.geocode({address:deAdresAmsterdam}, function(result1,status1) {
		if (status1 == google.maps.GeocoderStatus.OK) doeAdresPunt(result1[0].geometry.location);
		else {
			deGeocoder.geocode({address:deAdres}, function(result2,status2) {
				if (status2 == google.maps.GeocoderStatus.OK) doeAdresPunt(result2[0].geometry.location);
				else {
					alert(deAdres + " niet gevonden.");
					document.getElementById('adres_input').value = "Typ hier een adres";           
				}
			});
		}
	});
}

function doeAdresPunt(dePunt) {
	deKaart.setCenter(dePunt);
	var deAdrespunt = new google.maps.Marker({
		position: dePunt,
		zIndex: 1000,
		map: deKaart
	});	
	deKaart.setZoom(18);
	window.setTimeout(function() {
		deAdrespunt.setMap(null);
		document.getElementById('adres_input').value = "Typ hier een adres";
	}, 5000);
}


function doeLeegAdres(){
	document.getElementById('adres_input').value = "";
}


// =====================================================================================




function doeToggleTussen(deID) {
	doeToelichting('hidden');
	var deRadios = document.getElementsByName("radio1");
	for (var i=0; i < deRadios.length; i++) {
		if (deRadios[i].checked) {
			var deRadioID = deRadios[i].id;
			if (deRadioID == "Legenda12" && deID!="StadsdelenWijken") {
				for (var j in deObjectenArray[deID]) {
					var deObject = deObjectenArray[deID][j];
					deObject.hide();
				}			
			
				var deBeschikCheck =[];
				var k=0;
				var deBeschikbaren = document.getElementsByName("Legenda1");
				for (var j=0; j < deBeschikbaren.length; j++) {	
					if (deBeschikbaren[j].checked) {
						deBeschikCheck[k] =deBeschikbaren[j].id;
						k=k+1;
					}
				}
				
				var deOmvangCheck = [];
				var k=0;
				var deOmvangen = document.getElementsByName("Legenda2");
				for (var j=0; j < deOmvangen.length; j++) {	
					if (deOmvangen[j].checked) {
						deOmvangCheck[k] =deOmvangen[j].id;
						k=k+1;
					}
				}	

				for (var b=0; b < deBeschikCheck.length; b++) {
					for (var bo in deObjectenArray[deBeschikCheck[b]]) {
						var deBeschikObject = deObjectenArray[deBeschikCheck[b]][bo];
						var deBeschikObjectPunt = deBeschikObject.getLatLng();
						deBeschikObject.hide();						
						for (var o=0; o < deOmvangCheck.length; o++) {
							for (var oo in deObjectenArray[deOmvangCheck[o]]) {	
								var deOmvangObject = deObjectenArray[deOmvangCheck[o]][oo];
								var deOmvangObjectPunt = deOmvangObject.getLatLng();
								if (String(deBeschikObjectPunt) == String(deOmvangObjectPunt)) deBeschikObject.show();
							}
						}
					}
				}
			}
			else {
				for (var i in deObjectenArray[deID]) {
					var deObject = deObjectenArray[deID][i];
					if (deObject.isHidden()) deObject.show();
					else deObject.hide();
				}			
			}
		}
	}
}





function doeRadioSubs(deRadioName,deLegendaGroepsnaam) {
	doeToelichting('hidden');
	var deIcons = document.getElementsByTagName("td");
	for (var j=0; j < deIcons.length; j++) {
		deIcons[j].style.visibility='visible'
		if ((deLegendaGroepsnaam == "Legenda1" || deLegendaGroepsnaam == "Legenda12") && (deIcons[j].id).substr(0,8) == "Legenda2") deIcons[j].style.visibility='hidden';
		if (deLegendaGroepsnaam == "Legenda2" && (deIcons[j].id).substr(0,8) == "Legenda1") deIcons[j].style.visibility='hidden';
	}
	

	var deRadios = document.getElementsByName(deRadioName);
	for (var r=0; r < deRadios.length; r++) {
		var deRadioID = deRadios[r].id;
		var deRadioGroep = document.getElementsByName(deRadioID); 	 //IE maakt geen verschil tussen id en name, dus neemt ook de radiobutton mee.
		if (deRadioID == deLegendaGroepsnaam) {
			for (var i=0; i < deRadioGroep.length; i++) {
				deRadioGroep[i].disabled="";			
				deRadioGroep[i].checked="checked";
				var deChecklaag = deRadioGroep[i].id;
				for (var j in deObjectenArray[deChecklaag]) deObjectenArray[deChecklaag][j].show();
			}
		}
		else {
			for (var i=0; i < deRadioGroep.length; i++) {
				if (deRadioGroep[i].name == deRadioName ) continue;	 //IE maakt geen verschil tussen id en name
				deRadioGroep[i].checked="";
				deRadioGroep[i].disabled="disabled";				
				var deChecklaag = deRadioGroep[i].id;
				for (var j in deObjectenArray[deChecklaag]) deObjectenArray[deChecklaag][j].hide();			
			}
		}		
	}
	if (deLegendaGroepsnaam == "Legenda12") {
		var deInputs = document.getElementsByTagName('input');
		for (var i=0; i < deInputs.length; i++) {
			deInputs[i].disabled="";
		}
	}
} 


function doeKaartlaagDoorzichtig(){
	deKaart.clearOverlays();
	var deLegendaGroep = document.getElementsByName("AMSTELIII");
	for (var i=0; i < deLegendaGroep.length; i++) {
		var deKaartlaag = deLegendaGroep[i].id;
		for (var j in deObjectenArray[deKaartlaag]) {
			deObjectenArray[deKaartlaag][j].opacity=0.5;
			deKaart.addOverlay(deObjectenArray[deKaartlaag][j]);
		}
 	}
}


function doeStadsdeelXY(){
	var deStadsdeelID = document.getElementById('stadsdeel_opties').value;
	if (deStadsdeelID =="0") deKaart.setCenter(new GLatLng(52.360925, 4.900589), 12);
	if (deStadsdeelID =="H") deKaart.setCenter(new GLatLng(52.380629, 4.851236), 15);
	if (deStadsdeelID =="A") deKaart.setCenter(new GLatLng(52.373189, 4.901190), 14);
	if (deStadsdeelID =="J") deKaart.setCenter(new GLatLng(52.366455, 4.856257), 15);
	if (deStadsdeelID =="P") deKaart.setCenter(new GLatLng(52.375232, 4.799309), 14);
	if (deStadsdeelID =="N") deKaart.setCenter(new GLatLng(52.398963, 4.933720), 13);
	if (deStadsdeelID =="U") deKaart.setCenter(new GLatLng(52.348029, 4.932861), 14);
	if (deStadsdeelID =="Q") deKaart.setCenter(new GLatLng(52.358514, 4.788666), 14);
	if (deStadsdeelID =="D") deKaart.setCenter(new GLatLng(52.364830, 4.869390), 15);
	if (deStadsdeelID =="V") deKaart.setCenter(new GLatLng(52.349025, 4.877157), 14);
	if (deStadsdeelID =="R") deKaart.setCenter(new GLatLng(52.351542, 4.828320), 14);
	if (deStadsdeelID =="C") deKaart.setCenter(new GLatLng(52.385711, 4.876642), 14);
	if (deStadsdeelID =="B") deKaart.setCenter(new GLatLng(52.406399, 4.806690), 13);
	if (deStadsdeelID =="G") deKaart.setCenter(new GLatLng(52.362393, 4.976978), 13);
	if (deStadsdeelID =="W") deKaart.setCenter(new GLatLng(52.335392, 4.874840), 14);
	if (deStadsdeelID =="T") deKaart.setCenter(new GLatLng(52.304910, 4.975262), 13);
	window.setTimeout(function() {document.getElementById('stadsdeel_opties').value="_";},5000);  
}