//<![CDATA[
	
	var iconMilieu = new GIcon(); 
    iconMilieu.image = 'images/icoon_milieu2.png';
    iconMilieu.iconSize = new GSize(21, 21);
    iconMilieu.shadowSize = new GSize(22, 20);
    iconMilieu.iconAnchor = new GPoint(6, 20);
    iconMilieu.infoWindowAnchor = new GPoint(5, 1);

	var iconMobiliteit = new GIcon(); 
    iconMobiliteit.image = 'images/icoon_mobiliteit2.png';
    iconMobiliteit.iconSize = new GSize(21, 21);
    iconMobiliteit.shadowSize = new GSize(22, 20);
    iconMobiliteit.iconAnchor = new GPoint(6, 20);
    iconMobiliteit.infoWindowAnchor = new GPoint(5, 1);

	var iconEz = new GIcon(); 
    iconEz.image = 'images/icoon_ez2.png';
    iconEz.iconSize = new GSize(21, 21);
    iconEz.shadowSize = new GSize(22, 20);
    iconEz.iconAnchor = new GPoint(6, 20);
    iconEz.infoWindowAnchor = new GPoint(5, 1);

	var iconRo = new GIcon(); 
    iconRo.image = 'images/icoon_ro2.png';
    iconRo.iconSize = new GSize(21, 21);
    iconRo.shadowSize = new GSize(22, 20);
    iconRo.iconAnchor = new GPoint(6, 20);
    iconRo.infoWindowAnchor = new GPoint(5, 1);

	var iconVeiligheid = new GIcon(); 
    iconVeiligheid.image = 'images/icoon_veiligheid2.png';
    iconVeiligheid.iconSize = new GSize(21, 21);
    iconVeiligheid.shadowSize = new GSize(22, 20);
    iconVeiligheid.iconAnchor = new GPoint(6, 20);
    iconVeiligheid.infoWindowAnchor = new GPoint(5, 1);

	var iconOnderwijs = new GIcon(); 
    iconOnderwijs.image = 'images/icoon_arbeidsmarkt_onderwijs2.png';
    iconOnderwijs.iconSize = new GSize(21, 21);
    iconOnderwijs.shadowSize = new GSize(22, 20);
    iconOnderwijs.iconAnchor = new GPoint(6, 20);
    iconOnderwijs.infoWindowAnchor = new GPoint(5, 1);

	var iconKanaalzone = new GIcon(); 
    iconKanaalzone.image = 'images/icoon_kanaalzone.png';
    iconKanaalzone.iconSize = new GSize(21, 21);
    iconKanaalzone.shadowSize = new GSize(22, 20);
    iconKanaalzone.iconAnchor = new GPoint(6, 20);
    iconKanaalzone.infoWindowAnchor = new GPoint(5, 1);
	
	var iconBedrijventerrein = new GIcon(); 
    iconBedrijventerrein.image = 'images/icoon_bedrijventerrein.png';
    iconBedrijventerrein.iconSize = new GSize(26, 26);
    iconBedrijventerrein.shadowSize = new GSize(22, 20);
    iconBedrijventerrein.iconAnchor = new GPoint(6, 20);
    iconBedrijventerrein.infoWindowAnchor = new GPoint(5, 1);

	var customIcons = [];
    	customIcons["Milieu"] = iconMilieu;
    	customIcons["Mobiliteit en infrastuctuur"] = iconMobiliteit;
	customIcons["Economische zaken Bedrijventerrein"] = iconEz;
	customIcons["Ruimtelijke ordening"] = iconRo;
	customIcons["Veiligheid"] = iconVeiligheid;
	customIcons["Onderwijs en arbeidsmarkt"] = iconOnderwijs;
	customIcons["Kanaalzone"] = iconKanaalzone;
	customIcons["Bedrijventerrein"] = iconBedrijventerrein;
	
	    var markerGroups = { "Milieu": [], "Mobiliteit en infrastuctuur": [], "Economische zaken Bedrijventerrein": [], "Ruimtelijke ordening": [], "Veiligheid": [], "Onderwijs en arbeidsmarkt": [], "Kanaalzone": [], "Bedrijventerrein": []};
	
		 //var kml = {
		 //"bt": 
		 //{"url": "http://apeldoorn.mmpreview.nl/kml/bt.kml" }
	     //	};
	
	
	
	
function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(52.182984349977296, 6.008033759426326), 12);
       GDownloadUrl("databedrijvenXml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                              parseFloat(markers[i].getAttribute("lon")));            
			var naam = markers[i].getAttribute("naam");
			var categorie = markers[i].getAttribute("categorie");
             		var cluster = markers[i].getAttribute("cluster");
	        	var status = markers[i].getAttribute("status");
			var starttijd = markers[i].getAttribute("starttijd");
 		 	var startjaar = markers[i].getAttribute("startjaar");
			var tijdspad = markers[i].getAttribute("tijdspad");
	     		var jaar = markers[i].getAttribute("jaar");
			var rolbka = markers[i].getAttribute("rolbka");
	     		var contactgemnaam = markers[i].getAttribute("contactgemnaam");
	     		var contactgemtel = markers[i].getAttribute("contactgemtel");
	     		var contactgemmail = markers[i].getAttribute("contactgemmail");
			var contactbkanaam = markers[i].getAttribute("contactbkanaam");
			var contactbkatel = markers[i].getAttribute("contactbkatel");
			var contactbkamail = markers[i].getAttribute("contactbkamail");
			var overige = markers[i].getAttribute("overige");
			var link = markers[i].getAttribute("link");
			var omschrlink = markers[i].getAttribute("omschrlink");
			var label1 = markers[i].getAttribute("tab1");
	      	var label2 = markers[i].getAttribute("tab2");
            var marker = createTabbedMarker(point, naam, categorie, cluster, status, starttijd, startjaar, tijdspad, jaar, rolbka, contactgemnaam, contactgemtel, contactgemmail, contactbkanaam, contactbkatel, contactbkamail, overige, link, omschrlink, label1, label2);
            map.addOverlay(marker);
//GLog.write(status);
          }
        });
      }
    }




		//creeer marker
		function createTabbedMarker(point, title, categorie, cluster, status, starttijd, startjaar, tijdspad, jaar, rolbka, contactgemnaam, contactgemtel, contactgemmail, contactbkanaam, contactbkatel, contactbkamail, overige, link, omschrlink, label1, label2, html1, html2) {
			var marker = new GMarker(point, {icon: customIcons[categorie]});
			markerGroups[categorie].push(marker);
			var html1 = '<p><table class="tabel2" style="border:1px solid #eee"><tr><td colspan="2" width="220" style="padding:1px;line-height:1.4em;border:1px solid #eee"><b>Projectgegevens</b></td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Projectnaam:</td><td style="padding:1px;line-height:1.0em;">' +title+ '</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Categorie:</td><td style="padding:1px;line-height:1.4em;">' +categorie+ '</td></tr><tr><td style="padding:1px;line-height:1.0em;"><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Cluster:</td><td width="220" style="padding:1px;line-height:1.0em;">' +cluster+ '</td></tr><tr><td style="padding:1px;line-height:1.0em;"><!--tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Status: </td><td style="padding:1px;line-height:1.0em;">' +status+ '</td></tr--><tr><td style="padding:1px;line-height:1.0em;"><!--tr><td align="left" style="padding:1px;line-height:1.0em;">Geplande startdatum</td><td style="padding:1px;line-height:1.4em;">' +starttijd+ '' +startjaar+ '</td></tr--><tr><td align="left" style="padding:1px;line-height:1.0em;">Geplande einddatum</td><td style="padding:1px;line-height:1.4em;">' +tijdspad+ '&nbsp;' +jaar+ '</td></tr><tr><td style="padding:1px;line-height:1.0em;"><tr><td style="padding:1px;line-height:1.0em;"><!--tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Rol van de BKA</td><td style="padding:1px;line-height:1.0em;">' +rolbka+ '</td></tr--><tr><td colspan="2" width="220" height="40" style="padding:1px;line-height:1.0em;border:0px solid #eee"></td></tr></table></p>'
		var html2 ='<p><table class="tabel2" style="border:1px solid #eee"><tr><td colspan="2" width="220" style="padding:1px;line-height:1.4em;border:1px solid #eee"><strong>Contactpersoon gemeente Apeldoorn</strong>:</td></tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Naam:</td><td style="padding:1px;line-height:1.0em;">' +contactgemnaam+ '</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Telefoonnummer:</td><td style="padding:1px;line-height:1.0em;">' +contactgemtel+ '</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">E-mail:</td><td style="padding:1px;line-height:1.0em;"><a href="mailto:' +contactgemmail+ '">' +contactgemmail+ '</a></td></tr><tr><td colspan="2" width="220" style="padding:1px;line-height:1.4em;border:1px solid #eee"><strong>Contactpersoon Bedrijvenkring Apeldoorn</strong>:</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Naam:</td><td style="padding:1px;line-height:1.0em;">' +contactbkanaam+ '</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">Telefoonnummer:</td><td style="padding:1px;line-height:1.4em;">' +contactbkatel+ '</td></tr><tr><td width="120" align="left" style="padding:1px;line-height:1.0em;">E-mail:</td><td style="padding:1px;line-height:1.4em;"><a href="mailto:' +contactbkamail+ '">' +contactbkamail+ '</a></td></tr><tr><tr><td colspan="2" width="220" style="padding:1px;line-height:1.4em;border:1px solid #eee"><strong>&nbsp;</strong></td></tr><td width="120" align="left" style="padding:1px;line-height:1.0em">Overige informatie:</td><td width="220" style="padding:1px;line-height:1.0em;">' +overige+ '</td></tr><td width="120" style="padding:1px;line-height:1.0em;">Link: </td><td style="padding:1px;line-height:1.0em;"><a href="' +link+ '" target="_blank">' +omschrlink+ '</a></td></tr></table></p>'

		  GEvent.addListener(marker, 'click', function() {
		    marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);
		      });	
		return marker;
		    }

	function toggleGroup(categorie) {
      for (var i = 0; i < markerGroups[categorie].length; i++) {
        var marker = markerGroups[categorie][i];
        if (marker.isHidden()) {
          marker.show();
        } else {
          marker.hide();
        }
      } 
    }






	//  TURN ALL ITEMGROUPS ON OR OFF
	function switchAllItemGroups (map, mode) {
		//force all itemgroups to show
		if (mode == 'show') {
			for (categorie in markerGroups) {
				showHideItemGroup(map, categorie, 'show');

				if (document.getElementById(categorie)) {
					document.getElementById(categorie).checked = true;
				}
			}

			document.getElementById('switchitemgroups').value = 'Zet alle thema\'s uit';

		//force all itemgroups to hide
		} else if (mode == 'hide') {
			for (categorie in markerGroups) {
				showHideItemGroup(map, categorie, 'hide');

				if (document.getElementById(categorie)) {
					document.getElementById(categorie).checked = false;
				}
			}

			document.getElementById('switchitemgroups').value = 'Zet alle thema\'s aan';

		//switch state of all itemgroups
		} else {
			for (categorie in markerGroups) {
				showHideItemGroup(map, categorie);

				if (document.getElementById(categorie)) {
					if (document.getElementById(categorie).checked == true) {
						document.getElementById(categorie).checked = false;
					} else {
						document.getElementById(categorie).checked = true;
					}
				}
			}
		}
	}

    //]]>