function initialize() {
    var myLatlng = new google.maps.LatLng(51.9553139,6.720008999999993);
    var myOptions = {
      zoom: 11,
      center: myLatlng,
      mapTypeControl: true,
      mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
      },
      zoomControl: true,
      zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL
      },      
      mapTypeId: google.maps.MapTypeId.ROADMAP      
    }
    var noPoi = [
	{
    featureType: "poi",
    stylers: [
      { visibility: "off" }
    ]   
  	}
	];

        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    map.setOptions({styles: noPoi});
     downloadUrl("xml/output.xml", function(data) {
  var xml = data.responseXML;
  var markers = xml.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
	      var name = markers[i].getAttribute("name");
	      var address = markers[i].getAttribute("address");
          var postcode = markers[i].getAttribute("postcode");
          var woonplaats = markers[i].getAttribute("woonplaats");
          var telefoon = markers[i].getAttribute("telefoon");
          var website = markers[i].getAttribute("website");
          var type = markers[i].getAttribute("type");
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new google.maps.LatLng(lat,lng);          
          
          var html = "<div id=\"infoWindow\"><b>" + name + "</b> <br/>" + address + "<br/>" + postcode +  " " + woonplaats  + "<br/> T  " + telefoon + "<br/><a title='" + website + "' href='http://" + website + "' target=_blank><b>Website</b></a>"+
'<p style="padding:0; font-size: 9pt" align="left"><b>Routeplanner:</b> <span style="font-size: 8pt">(geef een adres in)</span><br />'+
'<form id="route_form" action="http://maps.google.nl/maps" target="_blank">'+
'<input type="hidden" name="f" value="d" /><input type="hidden" name="hl" value="nl" /><input type="hidden" name="sll" value /><input type="hidden" name="sspn" value /><input type="hidden" id="d_daddr" name="daddr" value="' + lat + ',' + lng + '" />'+
'<input id="route_input" type="text" name="saddr" tabindex="6" size="26" style="width: 190px; margin-right: 5px;" />'+
'<input style="font-size: 8pt; margin-top:3px" type="submit" name="btnG" tabindex="8" value="Toon Route" /></p>'+
'</div>';
          
          // create the marker
          var marker = createMarker(point,name,html,type);

       }

     });
 

  function createMarker(latlng,name,html,type) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,        
        map: map,
        title: name,
        zIndex: Math.round(latlng.lat()*-100000)<<5
        });
    
    var infowindow = new google.maps.InfoWindow({
      content: contentString
 		 });
  	 
     google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
     
}
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, request.status);
        }
      };

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

}

$(document).ready(function() {
    $('.pics').cycle({
		fx: 'fade',
		speed: 3000,
		timeout: 2,
		delay:  -4000
	});
	$(".zoom").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true
	});
	$('.picst').cycle({
		fx: 'fade',
		speed: 3000,
		timeout: 2,
		delay:  -4000
	});
});





  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-1507143-44', 'auto');
  ga('send', 'pageview');