google.load("maps", "2.x");

// Call this function when the page has been loaded
function initialize() {
    var map = new google.maps.Map2(document.getElementById("kaart"));
    map.setCenter(new google.maps.LatLng(51.132319521795246, 5.450119972229004), 15);
    var mapControl = new GMapTypeControl();
    map.addControl(mapControl);
    map.addControl(new GLargeMapControl());

    // Create a base icon for all of our markers that specifies the
    // shadow, icon dimensions, etc.
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 37);
    baseIcon.iconAnchor = new GPoint(9, 37);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);

    // Creates a marker whose info window displays the letter corresponding
    // to the given index.
    function createMarker(point, index) {
  		// Create a lettered icon for this point using our icon class
  		var letter = String.fromCharCode("A".charCodeAt(0) + index);
  		var letteredIcon = new GIcon(baseIcon);
  		letteredIcon.image = "http://ccpoorthuis.be/afbeeldingen/marker_0.png";

  		// Set up our GMarkerOptions object
  		markerOptions = { icon:letteredIcon };
  		var marker = new GMarker(point, markerOptions);
  		
  		return marker;
    }
    
    function createParkingMarker(point, index) {
  		// Create a lettered icon for this point using our icon class
  		var letter = String.fromCharCode("A".charCodeAt(0) + index);
  		var letteredIcon = new GIcon(baseIcon);
  		letteredIcon.image = "http://ccpoorthuis.be/afbeeldingen/marker_1.png";

  		// Set up our GMarkerOptions object
  		markerOptions = { icon:letteredIcon };
  		var marker = new GMarker(point, markerOptions);
  		
  		return marker;
    }

    var point = new GLatLng(51.132319521795246,5.450119972229004);
    map.addOverlay(createMarker(point));
    
    var point = new GLatLng(51.13246763879602,5.450849533081055);
    map.addOverlay(createParkingMarker(point));
    
    var point = new GLatLng(51.13304663705875,5.449326038360596);
    map.addOverlay(createParkingMarker(point));
    
    var point = new GLatLng(51.13183477192561,5.457093715667725);
    map.addOverlay(createParkingMarker(point));
    
    var point = new GLatLng(51.13398917684169,5.454540252685547);
    map.addOverlay(createParkingMarker(point));
}
google.setOnLoadCallback(initialize);