var map;
    
    
    
    function initialize() {

	
		var myLatlng = new google.maps.LatLng(50.72255, 4.51575);
		
	    var map = new google.maps.Map(document.getElementById("map_canvas_1"), {
	      mapTypeId: google.maps.MapTypeId.ROADMAP,
	      streetViewControl: true, 
	      mapTypeControl: true,
	      zoomControl: true,
	      panControl: true,
	      zoom: 9,
	       center: myLatlng
	    });
	 
	 	var swBound = new google.maps.LatLng(45,0);
	    var neBound = new google.maps.LatLng(55,10);
	    var bounds = new google.maps.LatLngBounds(swBound, neBound);
	
	 	
	    var content = document.createElement("DIV");

	    var title = document.createElement("DIV");
	    content.appendChild(title);
	
		title.style.width = "200px";

	    
	    var infowindow = new google.maps.InfoWindow({
	   		content: content
	    });
	    
	     setTimeout( function() { 
		    for (index in markers) addMarker(markers[index]);
	    }, 1000);
		   
		


		function addMarker(data) {
	   		var image = new google.maps.MarkerImage('http://www.allekoten.be/images/marker.png',     
				new google.maps.Size(40, 60),
				new google.maps.Point(0,0),
				new google.maps.Point(5, 55));
	  		var shadow = new google.maps.MarkerImage('http://www.allekoten.be/images/markershadow.png',
	            new google.maps.Size(50, 60),
	      		new google.maps.Point(0,0),
	      		new google.maps.Point(5, 55));
	      
		  	var shape = {
		     	coord: [1, 1, 1, 39, 39, 59, 59 , 1],
		      	type: 'poly'
		  	};	
		  		   			
	   		var marker = new google.maps.Marker({
	   			
	  			position: new google.maps.LatLng(data.lat, data.lng),
	  			map: map,
	        	title: data.name,
	        	contenting: data.contenting,
	        	shadow: shadow,
	        	icon: image,
	        	shape: shape,
	        	animation: google.maps.Animation.DROP
	
	   		});
		   	google.maps.event.addListener(marker, "click", function() {
		
		  		openInfoWindow(marker);
		  		
		  	
		   	});
	  	}
	  	
	  	var bounds = new google.maps.LatLngBounds();
  		for (index in markers) {
   			var data = markers[index];
   			bounds.extend(new google.maps.LatLng(data.lat, data.lng)); 
 		}
 	
 		map.fitBounds(bounds);
 		
 		var listener = google.maps.event.addListener(map, "idle", function() { 
		  	if (map.getZoom() > 16) map.setZoom(16); 
  			google.maps.event.removeListener(listener); 
		});



		var pin = new google.maps.MVCObject();

		google.maps.event.addListenerOnce(infowindow, "domready", function() {
    		
   		 });

		function openInfoWindow(marker) {
	   		title.innerHTML = marker.contenting;
	   		pin.set("position", marker.getPosition());
	   		infowindow.open(map, marker);
	    }



	
	}