<script>
            /* <![CDATA[ */
            jQuery(document).ready(function ($) {
                'use strict';
                // GOOGLE MAPS START
                var locations = [
                    ['London Trucking Headquarters', 51.50013, -0, 126305, 4],
                    ['Trucking Headquarters Paris', 48.8566667, 2.3509871, 5],
                    ['Trucking Warehouse, Oslo', 59.9138204, 10.7387413, 3],
                    ['Trucking Vehicle Fleet, Rome', 41.8954656, 12.4823243, 2],
                    ['Trucking Support Center, Madrid', 40.4166909, -3.7003454, 1],
                    ['Trucking airport, Moscow', 55.755786, 37.617633, 6],
                    ['Trucking Warehouse, Prague', 50.0878114, 14.4204598, 7],
                    ['Trucking Warehouse, Quebec', 52.9399159, -73.5491361, 8],
                    ['Trucking Headquarters, Ontario', 51.590723, -86.396484, 9],
                    ['Trucking Vehicle Fleet, Montana', 46.860191, -109.599609, 10],
                    ['Trucking Support Center, Alberta', 56.46249, -114.960937, 11],
                    ['Trucking Vehicle Fleet, Yukon', 63.332413, -136.098633, 12],
                    ['Trucking Headquarters Minesota', 46.729553, -94.6858998, 13],
                    ['Trucking Headquarters Virginia Beach', 36.8529263, -75.977985, 14],
                    ['Trucking Headquarters Chicago', 41.850033, -87.6500523, 15],
                    ['Trucking Headquarters Athens', 37.926868, 23.730469, 16],
                    ['Trucking Headquarters New Delhi', 28.574874, 77.299805, 17]
                ];


                var style = [
                    {"featureType": "road",
                        "elementType":
                                "labels.icon",
                        "stylers": [
                            {"saturation": 1},
                            {"gamma": 1},
                            {"visibility": "on"},
                            {"hue": "#e6ff00"}
                        ]
                    },
                    {"elementType": "geometry", "stylers": [
                            {"saturation": -85}
                        ]
                    }
                ];

                var map = new google.maps.Map(document.getElementById('map'), {
                    // SET THE CENTER
                    center: new google.maps.LatLng(50.0878114, 14.4204598),
                    // SET THE MAP STYLE & ZOOM LEVEL
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    zoom: 3,
                    // SET THE BACKGROUND COLOUR
                    backgroundColor: "#eeeeee",
                    // REMOVE ALL THE CONTROLS EXCEPT ZOOM
                    panControl: true,
                    zoomControl: true,
                    mapTypeControl: true,
                    scaleControl: true,
                    streetViewControl: true,
                    overviewMapControl: true,
                    scrollwheel: false,
                    zoomControlOptions: {
                        style: google.maps.ZoomControlStyle.SMALL
                    }
                });

                var mapType = new google.maps.StyledMapType(style, {name: "Grayscale"});
                map.mapTypes.set('grey', mapType);
                map.setMapTypeId('grey');

                var infowindow = new google.maps.InfoWindow();

                //CREATE A CUSTOM PIN ICON
                var marker_image = 'img/pin.png';
                var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(21, 34));

                var marker, i;

                for (i = 0; i < locations.length; i++) {
                    marker = new google.maps.Marker({
                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                        map: map,
                        icon: pinIcon
                    });

					// Add circle overlay and bind to marker
                    var circle = new google.maps.Circle({
						map: map,
						radius: 16093,    // 10 miles in metres
						fillColor: '#AA0000'
					});
					circle.bindTo('center', marker, 'position');

                    google.maps.event.addListener(marker, 'click', (function (marker, i) {
                        return function () {
                            infowindow.setContent(locations[i][0]);
                            infowindow.open(map, marker);
                        }
                    })(marker, i));
                }
            });
            /* ]]> */
        </script>