var map;
	var directionsService = new google.maps.DirectionsService();
    var geocoder;
	var infoWindow;	
	var markers = [];
	
function load() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(52.19426, 4.47944);
    var myOptions = {
      zoom: 20,
	  maxZoom: 22,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.HYBRID
    }
	directionsDisplay = new google.maps.DirectionsRenderer();
    map = new google.maps.Map(document.getElementById("map"), myOptions);
	infoWindow = new google.maps.InfoWindow();
	locationSelect = document.getElementById("infowindow");
      locationSelect.onchange = function() {
        var markerNum = locationSelect.options[locationSelect.selectedIndex].value;
        if (markerNum != "none"){
          google.maps.event.trigger(markers[markerNum], 'click');
        }
      };
	directionsDisplay.setMap(map);
	calcRoute();
/*	searchNames("alles");*/
}
function vertrekpunt(vertrek,travelmode)
{
	calcRoute(vertrek,travelmode);
}
function calcRoute(start,mode) {
	var a44 = new google.maps.LatLng(52.20191, 4.48509);
	var bus57 = new google.maps.LatLng(52.19517, 4.47679);
	var vertrek	=	a44;
	var warmond = 	new google.maps.LatLng(52.18740, 4.48963);
	if(start=='warmond') 
		{vertrek = warmond;}
	else if(start=='bus57') 
		{vertrek = bus57;}
	else{vertrek=a44;}
	var praktijk = new google.maps.LatLng(52.19426, 4.47946);
	var waypts = [];
	waypts.push({
          location:praktijk,
          stopover:true
      });
	if(mode=="driving")
	{
	  var request = {
		origin:vertrek,
		destination:praktijk,
		travelMode: google.maps.TravelMode.DRIVING
	  };
	}
	else
	{
	  var request = {
		origin:vertrek,
		destination:praktijk,
		travelMode: google.maps.TravelMode.WALKING
	  };
	}
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
    }
  });
}
  
function searchLocations() {
     var address = document.getElementById('addressInput').value;
	var geocoder = new google.maps.Geocoder();
  geocoder.geocode({address: address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      searchLocationsNear(results[0].geometry.location);
    } else {
      alert(address + ' not found');
    }
  });
  
   }
   
function searchLocationsNear(center) {
  clearLocations();

//  var radius = document.getElementById('radius').value;
	if(center!=null) 
		{
		var searchUrl = 'database/create_route.php?cat=' + center ;
		}
	else
     	{var searchUrl = 'database/create_route.php' ;}
//  var searchUrl = 'database_bm/createxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
  downloadUrl(searchUrl, function(data) {
  var xml = parseXml(data);
  var markerNodes = xml.documentElement.getElementsByTagName("marker");
  var bounds = new google.maps.LatLngBounds();
  for (var i = 0; i < markerNodes.length; i++) {
         var naam 			= markerNodes[i].getAttribute('naam');
         var plaats 		= markerNodes[i].getAttribute('plaats');
   var latlng = new google.maps.LatLng(
        parseFloat(markerNodes[i].getAttribute("lat")),
        parseFloat(markerNodes[i].getAttribute("lng")));
         
    createOption(proj_naam,  i);
    createMarker(latlng, naam, plaats);
    bounds.extend(latlng);
  }
  map.fitBounds(bounds);
 });
}   

function searchNames(n)
{
	console.log("categorie " + n);
	clearLocations();
 	var searchUrl = 'code/createxml.php?cat=' + n;
	downloadUrl(searchUrl, function(data) {
	var xml = parseXml(data);
	var markerNodes = xml.documentElement.getElementsByTagName("marker");
	var bounds = new google.maps.LatLngBounds();
   for (var i = 0; i < markerNodes.length; i++) {
         var naam 			= markerNodes[i].getAttribute('naam');
         var plaats 		= markerNodes[i].getAttribute('plaats');
	 	var latlng = new google.maps.LatLng(
		parseFloat(markerNodes[i].getAttribute("lat")),
		parseFloat(markerNodes[i].getAttribute("lng")));
	
	createOption(plaats,  i);
    createMarker(latlng, naam, plaats);
	bounds.extend(latlng);
   }
  map.fitBounds(bounds);
 });
}

function createMarker(latlng, naam, plaats) {
	var icon;
	icon = "mdg1.png";
	var image = new google.maps.MarkerImage('img/' + icon,
      // This marker is 20 pixels wide by 32 pixels tall.
      new google.maps.Size(30, 44),
      // The origin for this image is 0,0.
      new google.maps.Point(0,0),
      // The anchor for this image is the base of the flagpole at 0,32.
      new google.maps.Point(15, 24)
	  );
	   var html = '<table><tr><th>Naam</th><td>' + naam + '</td><td>&nbsp;</td></tr>';
	   html		+= '<tr><th>Plaats:</th><td>' + plaats + '</td><td>&nbsp;</td></tr>';
	   html		+=	'</table>';
  		var marker = new google.maps.Marker({
   			map: map,
			icon: image,
    		position: latlng
 		 });
  	google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
  	});
  	markers.push(marker);
}

function createOption(name,  num) {
  var option = document.createElement("option");
  option.value = num;
  option.innerHTML = name ;
  locationSelect.appendChild(option);
}

function clearLocations() {
  infoWindow.close();
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(null);
  }
  markers.length = 0;

  locationSelect.innerHTML = "";
  var option = document.createElement("option");
  option.value = "none";
  option.innerHTML = "Selecteer:";
  locationSelect.appendChild(option);
  locationSelect.style.visibility = "hidden";
}

   function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request.responseText, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function parseXml(str) {
      if (window.ActiveXObject) {
        var doc = new ActiveXObject('Microsoft.XMLDOM');
        doc.loadXML(str);
        return doc;
      } else if (window.DOMParser) {
        return (new DOMParser).parseFromString(str, 'text/xml');
      }
    }

    function doNothing() {}