$(function() {
    	var mapStyle = [
		{"featureType": "water","elementType": "geometry.fill","stylers": [{ "color": "#e4e9f2" }]},
		{"featureType": "transit","stylers": [ { "color": "#808080" },{ "visibility": "off" }]},
		{"featureType": "road.highway","elementType": "geometry.stroke","stylers": [{ "visibility": "on" },{ "color": "#b3b3b3" }]},
		{"featureType": "road.highway","elementType": "geometry.fill","stylers": [{ "color": "#ffffff" }]},
		{"featureType": "road.local","elementType": "geometry.fill","stylers": [{ "visibility": "off" }, { "color": "#ffffff" },{ "weight": 1.8 }]},
		{"featureType": "road.local","elementType": "geometry.stroke","stylers": [{ "visibility": "off" },{ "color": "#d7d7d7" }]},{"featureType": "poi","elementType": "geometry.fill","stylers": [{ "visibility": "on" }, { "color": "#ebebeb" }]},
		{"featureType": "administrative","elementType": "geometry","stylers": [{ "color": "#000000" },{ "weight": 1.8 }]},
		{"featureType": "road.arterial","elementType": "geometry.fill","stylers": [ { "visibility": "off" },{ "color": "#ffffff" }]},
		{"featureType": "road.arterial","elementType": "geometry.fill","stylers": [ { "visibility": "off" }, { "color": "#ffffff" }]},
		{"featureType": "landscape","elementType": "geometry.fill","stylers": [{ "visibility": "on" },{ "color": "#efefef" }]},
		{"featureType": "road","elementType": "labels.text.fill","stylers": [{ "visibility": "off" },{ "color": "#696969" }]},
		{"featureType": "administrative","elementType": "labels.text.fill","stylers": [{ "visibility": "on" },{ "color": "#333333" }]},
		{"featureType": "poi","elementType": "labels.icon","stylers": [{ "visibility": "off" } ]},
		{"featureType": "poi","elementType": "labels","stylers": [{ "visibility": "off" }]},
		{"featureType": "road.arterial","elementType": "geometry.stroke","stylers": [{ "visibility": "off" },{ "color": "#d6d6d6" }]},
		{"featureType": "road","elementType": "labels.icon","stylers": [ { "visibility": "off" }, { "visibility": "off" } ]},
		{"featureType": "poi", "elementType": "geometry.fill", "stylers": [{ "color": "#dadada" }]}
	];


	$(function() {


	    var map = new google.maps.Map($('#GoogleMap')[0], {
	            center: new google.maps.LatLng(52.03935,4.8437),
	            zoom: 7,
	            zoomControl: true,
	            zoomControlOptions: {
	                style: google.maps.ZoomControlStyle.DEFAULT,
	            },
	            disableDoubleClickZoom: true,
	            mapTypeControl: false,
	            scaleControl: false,
	            scrollwheel: false,
	            panControl: false,
	            streetViewControl: false,
	            draggable : true,
	            overviewMapControl: false,
	            overviewMapControlOptions: {
	                opened: false,
	            },
	            mapTypeId: google.maps.MapTypeId.ROADMAP,
	        	styles: mapStyle
	    });

	    // Set up a close delay for CSS animations
	    var info = null;
	    var closeDelayed = false;
	    var closeDelayHandler = function(el) {
	        $(el.getWrapper()).removeClass('active');
	        setTimeout(function() {
	            closeDelayed = true;
	            el.close();
	        }, 300);
	    };

	    var placements = [
			{ type: 'right', lat: 51.06033554108413, lng: 4.36419506399276, title: 'Prion Medical Belgium', img: '/assets/img/', content: 'Prion Medical Belgium' },
			{ type: 'right', lat: 52.81210795526998, lng: 5.0025215495667545, title: 'Prion Medical Netherlands', img: '/assets/img/', content: 'Prion Medical Netherlands' },

	    ];

	    $.each(placements, function(i, e) {
	        var marker = new google.maps.Marker({
	            map: map,
	            icon: '/assets/img/map-marker.png',
	            draggable: true,
	            position: new google.maps.LatLng(e.lat,e.lng),
	    });

	});

	});


});