//# ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- //
//# MAPS
(function($) {

	$.fn.shopsMaps = function(config) {
		//:

		var defaults = {
			signedIn		: false,
			fullscreen	: false,
			mapType			: true,
			zoom        : true,
			streetView  : true,
			rotate      : false,
			scale       : false
		};

		//:
		var options = $.extend({}, defaults, config);

		//:
		return this.each(function() {
      var $window								= $(window);
			var $node									= $(this);
			var $markers     					= [];
			var $select								= $('.Stores form select[name="Miasto"]');
			var $resultsList					= $('.Stores .List');

			var startLat							= 51.919438;
			var startLng							= 19.145136;
			var startZoom							= 5;
			var geolocationZoom				= 9;
			var onchangeZoom					= 11;

			var setCoordinates				= new google.maps.LatLng(startLat, startLng);

			var markerIconsPath   		= 'view/basic/scripts/js/jquery.maps/images';
			var markerDefaultIcon   	= 'marker_default.png';
			var markerIconSizeWidth		= 30;
		  var markerIconSizeHeight	= 38;

			var mapOptions						= {
				minZoom										: 5,
				maxZoom										: 21,
				zoom											: startZoom,
				center										: setCoordinates,
		    mapTypeIds								: [ google.maps.MapTypeId.ROADMAP ],
				fullscreenControl					: options.fullscreen,
				fullscreenControlOptions	: { position:	( options.signedIn ) ? google.maps.ControlPosition.LEFT_BOTTOM : google.maps.ControlPosition.RIGHT_TOP },
				mapTypeControl						: options.mapType,
		    mapTypeControlOptions 		: { position:	google.maps.ControlPosition.LEFT_TOP, style: google.maps.MapTypeControlStyle.DROPDOWN_MENU },
				zoomControl								: options.zoom,
		    zoomControlOptions				: { position:	google.maps.ControlPosition.RIGHT_BOTTOM },
				streetViewControl 				: options.streetView,
		    streetViewControlOptions  : { position:	google.maps.ControlPosition.RIGHT_BOTTOM },
				rotateControl							: options.rotate,
				rotateControlOptions			: { position:	google.maps.ControlPosition.LEFT_BOTTOM },
				scaleControl    					: options.scale,
		    scaleControlOptions 			: { position:	google.maps.ControlPosition.RIGHT_BOTTOM },
				scrollwheel								: isTouchDevice() ? false : true,
				draggable									: true,
		    disableDoubleClickZoom		: true
			};

			var map										= new google.maps.Map( $node.get(0), mapOptions );
			var geocoder							= new google.maps.Geocoder();
			var geolocation						= navigator.geolocation;

			if ( geolocation ) {
				geolocation.getCurrentPosition(function(position) {
					var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

					map.setZoom(geolocationZoom);
					map.setCenter(latlng);

					mapSetCurrentPosition(latlng);
				});
			}

			map.addListener('zoom_changed', function(e) {
		    // consoleLog( 'zoom: ', this.zoom, ' [min: ' + this.minZoom + ', max: ' + this.maxZoom + '] | ', this );	//: Test
		  });

			$select.on('change', function(e) {
				var value = $(this).val();

				if ( value ) {
					mapSetAndCenterPlace(value);

					$(document).trigger('sendAjax', { handler: printHtmlAndMarkers, action: 'getShops', params: { Miasto: value } });
				}
				else {
					mapResetToDefaults();
				}
			});

			$window.on('resize', function(e) {
				mapResizeAndCenter();
			});

			function mapClearOverlays() {
				for ( var i=0; i<$markers.length; i++ ) {
					$markers[i].setMap(null);
				}

				$markers = [];
			}

			function mapResetToDefaults() {
				map.setZoom(startZoom);
				map.setCenter(setCoordinates);

				$resultsList.html('');

				mapClearOverlays();
			}

		  function mapResizeAndCenter() {
				var center = map.getCenter();

				google.maps.event.trigger(map, 'resize');
				map.setCenter(center);
		  }

			function mapSetAndCenterPlace(_data) {
				var address = _data;

				geocoder.geocode({'address': address}, function(results, status) {
					if ( status == google.maps.GeocoderStatus.OK ) {
						map.setZoom(onchangeZoom);
						map.setCenter(results[0].geometry.location);

						mapClearOverlays();
			    }
				});
			}

			function mapSetCurrentPosition(_data) {
				var latlng = _data;

				geocoder.geocode({'latLng': latlng}, function(results, status) {
				  if ( status == google.maps.GeocoderStatus.OK && results[1] ) {
			      var indice = 0;

						for ( var j=0; j<results.length; j++ ) {
			        if ( results[j].types[0] == 'locality' ) {
			          indice = j;
			          break;
			        }
			      }

						for ( var i=0; i<results[j].address_components.length; i++ ) {
			        if ( results[j].address_components[i].types[0] == 'locality' ) {
			          var city = results[j].address_components[i];
			        }
							else if ( results[j].address_components[i].types[0] == 'administrative_area_level_1' ) {
			          var region = results[j].address_components[i];
			        }
							else if ( results[j].address_components[i].types[0] == 'country' ) {
			          var country = results[j].address_components[i];
			        }
			      }

						if ( city.long_name ) {
							var setCity = false;

							for ( var key in $select[0].options ) {
								if ( !isNaN(key) && $select[0].options[key].value.toUpperCase() == city.long_name.toUpperCase() ) {
									setCity = true;
									break;
								}
							}

							if ( setCity ) {
								$select.val(city.long_name).trigger('chosen:updated');
								$(document).trigger('sendAjax', { handler: printHtmlAndMarkers, action: 'getShops', params: { Miasto: city.long_name } }); //: Opcja
			      		//consoleLog( city.long_name, ' | ', region.long_name, ' | ', country.short_name ); //: Test
							}
						}
				  }
				});
			}

			function printHtmlAndMarkers(_data) {
				var $listItem = '';
				var $shopList = _data.shopList;

				if ( typeof $shopList == 'object' ) {
					var index 			= 0;
					var infowindow	= new google.maps.InfoWindow({ maxWidth: 250 });

					for ( var key in $shopList ) {
						if ( !isNaN(key) ) {
							index++;

							var image = {
								url			: markerIconsPath + '/' + markerDefaultIcon,
					      size		: new google.maps.Size(markerIconSizeWidth, markerIconSizeHeight),
					      origin	: new google.maps.Point(0, 0),
					      anchor	: new google.maps.Point(markerIconSizeWidth / 2, markerIconSizeHeight)
							};

							var marker = new google.maps.Marker({
								position	: new google.maps.LatLng($shopList[key].lat, $shopList[key].lng),
								map				: map,
					      draggable	: false,
								icon			: image,
								title     : $shopList[key].name,
					      zIndex    : index,
								content		: '<p class="infoTitle">' + $shopList[key].name + '</p>' + $shopList[key].address + '<p class="infoPhone">' + $shopList[key].phone + '</p>'
							});

							google.maps.event.addListener(marker, 'click', function() {
		            infowindow.setContent(this.content);
		            infowindow.open(map, this);
			        });

							$markers.push(marker);

							$listItem += '<div class="Item"> <div class="Name">' + $shopList[key].name + '</div> <div class="Address">' + $shopList[key].address + '</div> <div class="Info">'+ $shopList[key].description +'</div> </div>';
						}
					}

					$resultsList.html( $listItem );
				}
			}
		});
 }

})(jQuery);



//# INIT MAPS
$(document).ready(function() {

	var $dataMapsObject = $('.Maps[data-maps="shops"]');

	if ( $dataMapsObject.length > 0 ) {
		if ( typeof google != 'undefined' && typeof google.maps != 'undefined' ) {
			$dataMapsObject.shopsMaps();
		}
		else {
			var getApiKey			= $('head').find('meta[name="google-maps-api-key"]').attr('content')		|| '';
			var getSignedIn		= $('head').find('meta[name="google-maps-signed-in"]').attr('content')	|| false;
			var getScriptUrl	= null;

			if ( getApiKey != '' ) {
				getScriptUrl = 'https://maps.googleapis.com/maps/api/js?key=' + getApiKey + '&signed_in=' + getSignedIn + '&sensor=false';
			}
			else {
				getScriptUrl = 'https://maps.googleapis.com/maps/api/js?sensor=false';
			}


			$.getScript(getScriptUrl, function(data, textStatus, jqxhr) {
				$dataMapsObject.shopsMaps({
					signedIn : getSignedIn
				});
			});
		}
	}

});