//<![CDATA[
    
    //Global variabelen instellen
    var map;
    var markers = [];
    var school  = [];
    var naamType = new Array("Overzicht banen");
    var navInfo = '';
    var HTML = [];
    var latlngSchool = [];
    
    function load() {
      if (GBrowserIsCompatible()) {

        map = new GMap2(document.getElementById("map"));
        
        //Bediening
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setMapType(G_PHYSICAL_MAP);
        map.setCenter(new GLatLng(52.656394, 5.559082), 7);
        
        //Nummertje bij de bakker en XML file ophalen
        var randomnumber=Math.floor(Math.random()*11111);
        GDownloadUrl("googlemaps/markers.xml?random="+randomnumber, function(data, responseCode) {
          var xml = GXml.parse(data);

          //Scholen in Array plaatsen
          var markers = xml.documentElement.getElementsByTagName("school");

          //Query type uitlezen
          var volledigeURL = parent.document.URL;
          if (volledigeURL.indexOf('type=') > 0) {
              var queryTypeArray = volledigeURL.split('type=');
              queryType = queryTypeArray[1].substring(0,1);               
            } else {
              queryType = '0';
            }
          maakNav('<b>'+naamType[queryType]+'</b><br>');
            
          //loop langs alle scholen
          for (var i = 0; i < markers.length; i++) {
            //Data ophalen
            var positie = GXml.value(markers[i].getElementsByTagName("latlng")[0]);           
            latlngSchool[i] = positie;
            
            //LatLng mag niet leeg zijn
            if ((positie.length) > 1) {
              //Data van de school ophalen
              var naam = GXml.value(markers[i].getElementsByTagName("naam")[0]);
              var straat = GXml.value(markers[i].getElementsByTagName("straat")[0]);
              var postcode = GXml.value(markers[i].getElementsByTagName("postcode")[0]);
              var plaats = GXml.value(markers[i].getElementsByTagName("plaats")[0]);
			  var telefoon = GXml.value(markers[i].getElementsByTagName("telefoon")[0]);
              var type = GXml.value(markers[i].getElementsByTagName("type")[0]);
              var web = GXml.value(markers[i].getElementsByTagName("web")[0]);
              
              //Positie          
              var arrayPositie = positie.split(", ");
              var lat = parseFloat(arrayPositie[0]);
              var lng = parseFloat(arrayPositie[1]);
              var point = new GLatLng(lat,lng);
              
              //Klik informatie
              HTML[i] = '<b>' + naam + '</b>' + '<br>' + straat + '<br>' + postcode + ', ' + plaats + '<br>' + telefoon + '<br><a href="'+ web +'" target="_blank">Website</a>';
              
              //Marker instellen
              var icon = new GIcon();
              icon.image = "googlemaps/" + type + ".png";
              icon.shadow = "googlemaps/shadow.png";
              icon.iconSize = new GSize(20.0, 34.0);
              icon.shadowSize = new GSize(38.0, 34.0);
              icon.iconAnchor = new GPoint(10.0, 36.0);
              icon.infoWindowAnchor = new GPoint(5, 1);
              
              //Marker plaatsen
              school[i] = createMarker(lat,lng,HTML[i],icon,naam);
              map.addOverlay(school[i]);
              maakNav("<a href=javascript:openInfo(" + i + ");>"+plaats+"</a><br>");  
              
              } // Einde als positie niet leeg is  
            } //Loop sluiten
          
          } 
        ); //sluit GDownloadUrl
        
      } //sluit GBrowserIsCompatible
    } //sluit load
    
    
    //Marker plaatsen en klik event koppelen
    function createMarker(lat,lng,HTML,icon,school){
         
      var point = new GLatLng(lat,lng);
      var marker = new GMarker(point,icon);
      var pointCenter = new GLatLng((lat+0.015),lng);
           
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(HTML);         
        map.setCenter(pointCenter, 9);
      });
      
      GEvent.addListener(marker, "mouseover", function() {
        document.getElementById("mouse-over-naam-school").innerHTML = school;   
      });
      
      GEvent.addListener(marker, "mouseout", function() {
        document.getElementById("mouse-over-naam-school").innerHTML = ' ';   
      });
      
      return marker;
      }

    function openInfo(schoolNo){
      school[schoolNo].openInfoWindowHtml(HTML[schoolNo]);
      var positie = latlngSchool[schoolNo];
      var arrayPositie = positie.split(", ");
      var lat = parseFloat(arrayPositie[0]);
      var lng = parseFloat(arrayPositie[1]);
      var point = new GLatLng(lat,lng);
      map.setCenter(point, 9);
      }
    
    function maakNav(voegToe){
      navInfo = navInfo + voegToe;
      document.getElementById("map-navigatie").innerHTML = navInfo;  
      }  
  
    //]]>