$(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": "#008244" },{ "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(50.83935,4.53437),
            zoom: 9,
            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 handle bars
    var template = Handlebars.compile($('#marker-content-template').html());

    // 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.234494166925856, lng: 4.428508778124498, title: 'Eutraco Antwerpen', img: '/assets/img/map-willebroek.jpg', content: '<h3>Air Ocean</h3><p>Samberstraat 69A<br>2060 Antwerpen<br />+32 3 376 31 01<p><p><p>' }, { type: 'right', lat: 50.40347254283065, lng: 4.499089316218193, title: 'Eutraco Chatelineau', img: '/assets/img/map-chatelineau.jpg', content: '<h3>Warehouse</h3><p>Rue de la Nouvelle Usine<br />6200 Charleroi<br />+32 71 38 57 03<p><p>Oppervlakte: 15.000 m² / 8 laadkaaien / verwarmde magazijnruimte<p>' }, { type: 'right', lat: 51.15238727921758, lng: 3.750073623116948, title: 'Eutraco Gent 1', img: '/assets/img/map-warehousegent.jpg', content: '<p class="mb-0 float-end"><i class="fa fal fa-lg fa-hand-holding-seedling"></i></p><h3>Warehouse</h3><p>Pachtgoederen 2<br>9940 Kluizen<br /><p><p>Oppervlakte 75.000 m²<p>' }, { type: 'right', lat: 51.152104058687286, lng: 3.747415349542666, title: 'Eutraco Gent 2', img: '/assets/img/map-gent2.jpg', content: '<p class="mb-0 float-end"><i class="fa fal fa-lg fa-hand-holding-seedling"></i></p><h3>Warehouse</h3><p>Pachtgoederen 2<br>9940 Kluizen<br /><p><p>Oppervlakte 210.000 m²<p>' }, { type: 'right', lat: 51.03303577987641, lng: 4.3251019886810935, title: 'Eutraco Puurs 1', img: '/assets/img/map-puurs1.jpg', content: '<h3>Warehouse</h3><p>Koning Leopoldlaan 5<br>2870 Puurs-Sint-Amands<br /><p><p>22.500 m²<p>' }, { type: 'right', lat: 50.94266816430316, lng: 3.1334214288651108, title: 'Eutraco Roeselare', img: '/assets/img/map-willebroek.jpg', content: '<h3>Warehouse</h3><p>Veldstraat 166<br>8800 Roeselare<br /><p><p>15.000 m²<p>' }, { type: 'right', lat: 50.97595244656677, lng: 3.124959731506947, title: 'Eutraco Roeselare (Head Office)', img: '/assets/img/map-roeselare.jpg', content: '<h3>Headquarters</h3><p>Industrieweg 35<br />8800 Roeselare<br />+32 51 26 28 50<p><p>Oppervlakte: 25.000 m² / HACCP gekeurd / 20 laadkaaien / rolbrug tot 10 ton / verwarmde magazijnruimte<p>' }, { type: 'right', lat: 50.980210789253, lng: 3.127534849451066, title: 'Eutraco Roeselare DOOPA', img: '/assets/img/map-willebroek.jpg', content: '<h3>Warehouse</h3><p>Onledegoedstraat 79<br>8800 Roeselare<br /><p><p>5.300 m²<p>' }, { type: 'right', lat: 50.97793892384758, lng: 3.1552697102908085, title: 'Eutraco Roeselare Krommebeekpark', img: '/assets/img/map-roeselare-krommebeek.jpg', content: '<h3>Warehouse</h3><p>Krommebeekpark<br>8800 Roeselare<br /><p><p>12.000 m²<p>' }, { type: 'right', lat: 51.177196514290294, lng: 4.165427797336988, title: 'Eutraco Sint-Niklaas 1', img: '/assets/img/map-sintniklaas.jpg', content: '<h3>Warehouse</h3><p>Grote Heimelinkstraat 67<br>9100 Sint-Niklaas<br />+32 3 369 37 80<p><p>20.000 m² / 17 laadkaaien<p>' }, { type: 'right', lat: 51.14248388406572, lng: 4.15632824321813, title: 'Eutraco Sint-Niklaas 2', img: '/assets/img/map-sintniklaas-west.jpg', content: '<h3>Warehouse</h3><p>Industriepark-west 63<br>9100 Sint-Niklaas<br /><p><p>30.000 m² / 12 laadkaaien<p>' }, { type: 'right', lat: 50.68170094800404, lng: 3.062277278291648, title: 'Eutraco Wambrechies', img: '/assets/img/map-wambrechies.jpg', content: '<h3>Warehouse</h3><p>130 Rue de l\'Union<br>FR-59118 Wambrechies<br /><p><p><p>' }, { type: 'right', lat: 51.07113342081253, lng: 4.372029272797925, title: 'Eutraco Willebroek 1', img: '/assets/img/map-willebroek1.jpg', content: '<h3>Warehouse</h3><p>Victor Dumonlaan 14-18<br>2830 Willebroek<br /><p><p>33.811 m²<p>' }, { type: 'right', lat: 51.046464479882154, lng: 4.36249595912992, title: 'Eutraco Willebroek 2', img: '/assets/img/map-willebroek.jpg', content: '<p class="mb-0 float-end"><i class="fa fal fa-lg fa-hand-holding-seedling"></i></p><h3>Main hub</h3><p>Schoondonkweg 32<br>2830 Willebroek<br /><p><p>Oppervlakte 65.000 m² - 56 laadkaaien<p>' }, { type: 'right', lat: 51.04680739213655, lng: 4.369943915862286, title: 'Eutraco Willebroek 3', img: '/assets/img/map-willebroek3.jpg', content: '<h3>Warehouse</h3><p>Schoondonkweg 16<br>2830 Willebroek<br /><p><p>19.000 m²<p>' },    ];

    $.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),
        });


        var info = new SnazzyInfoWindow($.extend({}, {
            	marker: marker,
	        wrapperClass: 'custom-window',
	        offset: {
	            top: '-25px'
	        },
	        edgeOffset: {
	            top: 70,
	            right: 70,
	            bottom: 70
	        },
	        border: false,
	        closeButtonMarkup: '<button type="button" class="custom-close">&#215;</button>',
	        closeOnMapClick: false,
	        closeWhenOthersOpen: true,
            	placement: e.type,
	        content: template({
	            title: e.title,
	            bgImg: e.img,
	            body: e.content
	        }),
        		panOnOpen: true,
	        callbacks: {
	            open: function() {
	                $('.custom-window').removeClass('open');
	                $(this.getWrapper()).addClass('open');
	            },
	            afterOpen: function() {
	                var wrapper = $(this.getWrapper());
	                var el = this;
	                wrapper.addClass('active');
	                wrapper.find('.custom-close').on('click', function () { closeDelayHandler(el); });
	            },
	            beforeClose: function() {
	                if (!closeDelayed) {
	                	var el = this;
	                    closeDelayHandler(el);
	                    return false;
	                }
	                return true;
	            },
	            afterClose: function() {
	                var wrapper = $(this.getWrapper());
	                wrapper.find('.custom-close').off();
	                wrapper.removeClass('open');
	                closeDelayed = false;
	            }
	        }
        		
        }));
    });
});



});