// JavaScript Document (includes all google maps scripts)
// Scripts lifted from the ACF Pro Documentation (as we are using the ACF Pro Google Maps implementation
// https://www.advancedcustomfields.com/resources/google-map/

jQuery(document).ready(function($) {

	/*
	 *  new_map
	 *
	 *  This function will render a Google Map onto the selected jQuery element
	 *
	 *  @type	function
	 *  @date	8/11/2013
	 *  @since	4.3.0
	 *
	 *  @param	$el (jQuery element)
	 *  @return	n/a
	 */

	function new_map( $el, $zoomLevel ) {

		// var
		var $markers = $el.find('.marker');


		// vars
		var args = {
			zoom		: $zoomLevel,
			center		: new google.maps.LatLng(0, 0),
			mapTypeId	: google.maps.MapTypeId.ROADMAP
		};


		// create map
		var map = new google.maps.Map( $el[0], args);


		// add a markers reference
		map.markers = [];


		// add markers
		$markers.each(function(){

			add_marker( $(this), map );

		});

		// center map
		center_map( map, $zoomLevel );


		// return
		return map;

	}


	/*
	 *  add_marker
	 *
	 *  This function will add a marker to the selected Google Map
	 *
	 *  @type	function
	 *  @date	8/11/2013
	 *  @since	4.3.0
	 *
	 *  @param	$marker (jQuery element)
	 *  @param	map (Google Map object)
	 *  @return	n/a
	 */

	function add_marker( $marker, map ) {

		// var
		var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );


		// create marker
		var marker = new google.maps.Marker({
			position	: latlng,
			map			: map
		});

		// add to array
		map.markers.push( marker );

		// if marker contains HTML, add it to an infoWindow
		if( $marker.html() )
		{
			// create info window
			var infowindow = new google.maps.InfoWindow({
				content		: $marker.html()
			});

			// show info window when marker is clicked
			google.maps.event.addListener(marker, 'click', function() {

				infowindow.open( map, marker );

			});
		}

	}

	/*
	 *  center_map
	 *
	 *  This function will center the map, showing all markers attached to this map
	 *
	 *  @type	function
	 *  @date	8/11/2013
	 *  @since	4.3.0
	 *
	 *  @param	map (Google Map object)
	 *  @return	n/a
	 */

	function center_map( map, $zoomLevel ) {

		// vars
		var bounds = new google.maps.LatLngBounds();

		// loop through all markers and create bounds
		$.each( map.markers, function( i, marker ){

			var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );

			bounds.extend( latlng );

		});

		// only 1 marker?
		if( map.markers.length == 1 )
		{
			// set center of map
			map.setCenter( bounds.getCenter() );
			map.setZoom( $zoomLevel );
		}
		else
		{
			// fit to bounds
			map.fitBounds( bounds );
		}

	}


	/*
	 *  document ready
	 *
	 *  This function will render each map when the document is ready (page has loaded)
	 *
	 *  @type	function
	 *  @date	8/11/2013
	 *  @since	5.0.0
	 *
	 *  @param	n/a
	 *  @return	n/a
	 */
	// global var
	var map = null;
	var zoomLevel = 13;

	$(document).ready(function(){

		$('.acf-map').each(function(){

			zoomLevel = $(this).data( 'zoom' );
			// create map
			map = new_map( $(this), zoomLevel );

		});


		var gridElem = $( '#content-grid' );
		if( gridElem.length ) {

			$( window ).resize( function() {

				var elementHeights = gridElem.find( '.element-image' ).map( function() {
					return $(this).height();
				}).get();

				var maxHeight = Math.max.apply( null, elementHeights );

				if( maxHeight < 195 ) {
					maxHeight = 195;
				}

				gridElem.find( '.acf-map' ).height( maxHeight );


			});

		}


	});



});