// <![CDATA[
function initMap() {
  var customMapType = new google.maps.StyledMapType(
    [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#dbdbdb"},{"visibility":"on"}]}],
  
  {
    name: 'Custom Style'
  });
  
  var customMapTypeId = 'custom_style';

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    scrollwheel: false,
    center: {lat: 53.362986, lng: -6.219049},
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
    }
  });

  map.mapTypes.set(customMapTypeId, customMapType);
  map.setMapTypeId(customMapTypeId);

  var image = 'https://www.rhp.ie/js/plugins/imagemanager/files/MapMarker.png';
  var showroomMarker = new google.maps.Marker({
    position: {lat: 53.362986, lng: -6.219049}, // Red Hot Productions, 1st Floor, 49 Clontarf Road, Clontarf, Dublin 3, Ireland.
    map: map,
    icon: image
  });
  
  //Start
  
  // Following section, you can create your info window content using html markup
            var contentString = '<div id="content">'+
                    '<h1 id="firstHeading" class="firstHeading">Red Hot Productions</h1>'+
                    '<div id="bodyContent">'+
                    '<p>1st Floor, 49 Clontarf Road, Clontarf, Dublin 3, Ireland.</p><p>Tel: <a href="tel:0035313530050 " title="Call Us">00353 (0)1 353 0050 </a><br>Email: <a href="mailto:hello@rhp.ie" title="Email Us">hello@rhp.ie</a></p>'+
                    '</div>'+
                    '</div>';
	
// Define the map marker characteristics
            var mapMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            title:  '{Red Hot Productions}'

            });
	
	// 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);
        	});  
					
	//End

}
// ]]>