// Create and Initialise the Map (required) our google map below
           google.maps.event.addDomListener(window, 'load', init);
            
            
            /* Footer Map */
            function initMap() {
            // Basic options for a simple Google Map
            // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions

		    var mapOptions = {

                // How zoomed in you want the map to start at (always required)
                zoom: 5,
                
                // Disable Zoom on Mouse Wheel Scroll
                scrollwheel: false,
                
                // The latitude and longitude to center the map (always required)
                center: new google.maps.LatLng(53.321222, -6.317955), // Crumlin Village, Dublin 12.

                // How you would like to style the map. 
                styles: [{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#d3d3d3"}]},{"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":"on"},{"color":"#ffffff"},{"weight":1.8}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"color":"#d7d7d7"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#ebebeb"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#a7a7a7"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#efefef"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#696969"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"color":"#737373"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#d6d6d6"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#dadada"}]}]
                };

		    var mapElement = document.getElementById('map');

            // Create the Google Map using out element and options defined above
            var map = new google.maps.Map(mapElement, mapOptions);

		    // Following section, you can create your info window content using html markup
            var contentString = '<div id="content">'+
                    '<h1 id="firstHeading" class="firstHeading">WAPPCard</h1>'+
                    '<div id="bodyContent">'+
                    '<p>Crumlin Village, Dublin 12, Ireland.</p><p>Tel: <a href="tel:0035314651798" title="Call Us">00353 (0)1 465 1798</a><br>Email: <a href="mailto:support@wappcard.com" title="Email Us">support@wappcard.com</a></p>'+
                    '</div>'+
                    '</div>';


		    // Define the image to use for the map marker (58 x 44 px)
            var image = '/js/plugins/imagemanager/files/map-marker.png';

		    // Define the Lattitude and Longitude for the map location
            var myLatLng = new google.maps.LatLng(53.321222, -6.317955); 

            // Define the map marker characteristics
            var mapMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            title:  'WAPP Card'

            });
        

            // Following Lines are needed if you use the Info Window to display content when map marker is clicked
		    var infowindow = new google.maps.InfoWindow({
                            content: contentString
                        });

	    	// Following line turns the marker, into a clickable button and when clicked, opens the info window
            google.maps.event.addListener(mapMarker, 'click', function() {
            	infowindow.open(map, mapMarker);
        	});  
            

            }