var map;
    var geocoder;

    function load() {
      if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(52.0874, 5.1153), 8);
		
		searchNames('0')
      }
    }

   function searchLocations() {
     var address = document.getElementById('addressInput').value;
	 
	 if(address.toLowerCase()=="breda"){address="Breda, Noord-Brabant"}
	 if(address.toLowerCase()=="voorschoten"){address="Voorschoten, Zuid-Holland"}
	 if(address.toLowerCase()=="beilen"){address="Beilen, Drenthe"}
	 if(address.toLowerCase()=="grave"){address="Grave, Gelderland"}
	 
     geocoder.getLatLng(address, function(latlng) {
       if (!latlng) {
         alert('Uw  '+ address + ' niet gevonden');
       } else {
         searchLocationsNear(latlng);
       }
     });
   }
	function nohelp()
	{
		document.getElementById('help').style.display='none';
	}
/* toevoeging aan oorspronkelijke functies */	
	function searchNames(n)
	{
     var naam = document.getElementById('naamInput').value;
     if(n=="0")
	 {
		 naam	=	"alles";
	}
	 var searchUrl = 'database/createxml.php?naam='+naam;
	 
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName("marker");
       map.clearOverlays();

       var sidebar = document.getElementById('sidebar');
       sidebar.innerHTML = '';
       if (markers.length == 0) {
         sidebar.innerHTML = 'Geen resultaten gevonden voor '+naam;
         map.setCenter(new GLatLng(52.0874, 5.1153), 8);
         return;
       }

       var bounds = new GLatLngBounds();
       for (var i = 0; i < markers.length; i++) {
         var sex 		= markers[i].getAttribute('sex');
         var name 		= markers[i].getAttribute('name');
         var instelling = markers[i].getAttribute('instelling');
         var address 	= markers[i].getAttribute('address');
         var telefoon 	= markers[i].getAttribute('telefoon');
         var website 	= markers[i].getAttribute('website');
         var groepen 	= markers[i].getAttribute('groepen');
         var beroep 	= markers[i].getAttribute('beroep');
         var verwijzers = markers[i].getAttribute('verwijzers');
/*         var behandel 	= markers[i].getAttribute('behandel');*/
         var behandel	=	"";
         var talen 		= markers[i].getAttribute('talen');
         var distance 	= 0;
         var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                                 parseFloat(markers[i].getAttribute('lng')));
/*         var marker = createMarker(point, name, instelling, address, telefoon, website, groepen, beroep, behandel, verwijzers, talen);*/
         var marker = createMarker(point, sex, name, instelling, address, telefoon, website, groepen, beroep,behandel,verwijzers,talen);
         map.addOverlay(marker);
         var sidebarEntry = createSidebarEntry(marker, name, address, distance);
         sidebar.appendChild(sidebarEntry);
         bounds.extend(point);
       }
	   if(map.getBoundsZoomLevel(bounds)>10) 
	   		{map.setCenter(bounds.getCenter(), 10);}
	   else
	   		{map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));}
     });
   }
/* toevoeging aan oorspronkelijke functies */	
   
	
   function searchLocationsNear(center) {
    var radius = document.getElementById('radius').value;
     var searchUrl = 'database/createxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName('marker');
       map.clearOverlays();

		document.getElementById('help').style.display='block';

	var sidebar = document.getElementById('sidebar');
       sidebar.innerHTML = '';
       if (markers.length == 0) {
         sidebar.innerHTML = 'Geen resultaten gevonden. Probeer een grotere afstand of straatnaam, plaatsnaam';
         map.setCenter(new GLatLng(52.0874, 5.1153), 8);
         return;
       }

       var bounds = new GLatLngBounds();
       for (var i = 0; i < markers.length; i++) {
         var sex 		= markers[i].getAttribute('sex');
         var name 		= markers[i].getAttribute('name');
         var instelling = markers[i].getAttribute('instelling');
         var address 	= markers[i].getAttribute('address');
         var telefoon 	= markers[i].getAttribute('telefoon');
         var website	= markers[i].getAttribute('website');
         var groepen 	= markers[i].getAttribute('groepen');
         var beroep	 	= markers[i].getAttribute('beroep');
/*         var behandel 	= markers[i].getAttribute('behandel');*/
         var behandel	=	"";
         var verwijzers = markers[i].getAttribute('verwijzers');
         var talen 		= markers[i].getAttribute('talen');
		 
         var distance 	= parseFloat(markers[i].getAttribute('distance'));
         var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                                 parseFloat(markers[i].getAttribute('lng')));
         
         var marker = createMarker(point, sex,name, instelling, address, telefoon, website, groepen, beroep,behandel,verwijzers,talen);
         map.addOverlay(marker);
         var sidebarEntry = createSidebarEntry(marker, name, address, distance);
         sidebar.appendChild(sidebarEntry);
         bounds.extend(point);
       }
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
     });
   }
   
   function trim(s)
{
	var l=0; var r=s.length -1;
	while(l < s.length && s[l] == ' ')
	{	l++; }
	while(r > l && s[r] == ' ')
	{	r-=1;	}
	return s.substring(l, r+1);
}


    function createMarker(point, sex, name, instelling, address, telefoon, website, groepen, beroep, behandel,verwijzers,talen) {


	var icon	= new GIcon(G_DEFAULT_ICON);
/*	icon.image 	= "img/icon.png";*/
	var icon_m = new GIcon(G_DEFAULT_ICON);
	icon_m.image = "img/icon_m.png";
	var icon_n = new GIcon(G_DEFAULT_ICON);
	icon_n.image = "img/icon_n.png";
		if(sex=="mw")
			{
			markerOptions = { icon:icon };
	     	var marker = new GMarker(point, markerOptions);
			}
		else if(sex="hr")
			{
			markerOptions = { icon:icon };
	     	var marker = new GMarker(point, markerOptions);
			}
		else
			{
			markerOptions = { icon:icon };
	     	var marker = new GMarker(point, markerOptions);
			}



/*var marker = new GMarker(point);*/
	  groepen	=	trim(groepen);
	  beroep	=	trim(beroep);
	  behandel	=	trim(behandel);
	  var str = "website";
	  if(website.indexOf("//")==-1)  website = "http://" + website;
	  if(website.indexOf(".nl")==-1 || website.indexOf(".com")==false)	
	  	{
			website_tekst = '';
		}
		else
		{
	  		website_tekst = '<br><b> website:</b> <a href= "' + website + '" target="_blank" >' + website + ' </a>';
		}
	  if(telefoon.length!=0) {tfn_tekst = '<br/><b>Tfn: </b>'+ telefoon;}else {tfn_tekst = "";}
	  if(groepen.length!=0) {groeptekst = '<br/><b>mijn patienten: </b>'+ groepen;}else {groeptekst = "";}
	  if(beroep.length!=0) {beroeptekst = '<br/><b>ik ben: </b>'+ beroep;}else {beroeptekst = "";}
	  if(behandel.length!=0) {behandeltekst = '<br/><b>ik behandel: </b>'+ behandel;}else {behandeltekst = "";}
	  if(verwijzers.length!=0) {verwijzertekst = '<br/><b>verwijzing: </b>'+ verwijzers;}else {verwijzertekst = "";}
/*	  if(talen.length!=0) {talen_tekst = 	  '<br/><b>ik spreek ook: </b>'+ talen;} else {talen_tekst = "";}*/
		talen_tekst	= "<br><b>ik spreek ook: </b>" + talen;
      var html = '<b >Naam: ' + name + '</b> <br/><b>Instelling: </b>' + instelling + '<br/><b>Adres: </b>' + address +  tfn_tekst + website_tekst + beroeptekst + groeptekst + behandeltekst + verwijzertekst + talen_tekst;

	var opts = {maxWidth:400}; 

      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html,opts);
      });
      return marker;
    }

    function createSidebarEntry(marker, name, address,  distance) {
      var div = document.createElement('div');
      var html = '<b>' + name + '</b> (' + distance.toFixed(1) + ' km)<br/>' + address ;
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.style.marginBottom = '5px'; 
      GEvent.addDomListener(div, 'click', function() {
        GEvent.trigger(marker, 'click');
      });
      GEvent.addDomListener(div, 'mouseover', function() {
        div.style.backgroundColor = '#eee';
      });
      GEvent.addDomListener(div, 'mouseout', function() {
        div.style.backgroundColor = '#fff';
      });
      return div;
    }