"use strict";

//Document ready
$(document).ready(function() {

	/********************************
	    - Hide loader on mobile -
	********************************/
	if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
		$(".player").hide();
        $(".player-controls").hide();
	}
	
	/********************
		- Countdown -
	********************/
	$('.countdown').countdown({
		date:"Dec 25, 2050 20:30:00",
		render:function(data) {
			$(this.el).html(
				"<div>"+this.leadingZeros(data.days, 3)+"<span>days</span></div>"+
				"<div>"+this.leadingZeros(data.hours, 2)+"<span>hours</span></div>"+
				"<div>"+this.leadingZeros(data.min, 2)+"<span>minutes</span></div>"+
				"<div>"+this.leadingZeros(data.sec, 2)+"<span>seconds</span></div>"
			);
		}
	});
	
	/********************
		- Up button -
	********************/
	$('.up-btn').on("click", function() {
		$(window).scrollTo($('body'), 1500, {offset:{top:0, left:0}});
	});
	
	/**************************
	    - Newsletter form -
	**************************/
	$('<div class="success"></div>').hide().appendTo('.subscribe');
	
	$("#newsletter-form").validate({
		rules:{
			email:{
				required:true, 
				email:true
			}
		},
		messages:{
			email:{
				required:"Email address is required",
				email:"Email address is not valid"
			}
		},
		errorElement:"p",
		errorPlacement:function(error, element) {
			error.appendTo(element.parent());
		},
		submitHandler:function(form) {
			var frm = $(form),
				url = frm.attr("action");
			
			//Show loader
			$(".page-loader").addClass("overlay").css({opacity:0}).show().animate({opacity:1});
			
			//Form fields
			var arrField = {};
			
			$.each(frm.serializeArray(), function(index, value) {
				arrField[value.name] = value.value;
			});
			
			//Submit form
			$.ajax({
				url:url,
				type:"POST",
				data:arrField,
				dataType:"json",
				crossDomain:true,
				success:function(data) {
					$(".page-loader").animate({opacity:0}, function() {
						//Hide loader
						$(this).hide();
						
						//Hide form
						if (data.result!=="error") {
							frm.hide();
						}
						
						//Result message
						$("#newsletter .success").show().html(data.msg).animate({opacity:1});
					});
				}
			});
			
			return false;
		}
	});
	
	/***********************
	    - Contact form -
	***********************/
    $("#submit").on("click", function() {
		//Validate and process form 
		$("#ajax-contact-form").validate({             
			rules:{			
				name:{
					required:true,
				},
							
				email:{
					required:true,
					email:true,
				},
							
				message:{
					required:true,
				},
			},
			
			messages:{			
				name:{
					required:"<i class='fas fa-exclamation-triangle name'></i>",
				},
			
				email:{
					required:"<i class='fas fa-exclamation-triangle email'></i>",
					email:"<i class='fas fa-exclamation-triangle email'></i>",
				},
			
				message:{
					required:"<i class='fas fa-exclamation-triangle message'></i>",
				},
			
			},

            //Submit form
           	submitHandler:function(form) {
				//Result text
				var result = "";
				
		 		//Create variables from the form
		 		var name = $('input#name').val(); 
		 		var email = $('input#email').val();  
				var phone = $('input#phone').val(); 
		 		var message = $('textarea#message').val();

               	//Create variables that will be sent in a URL string to contact.php
              	var dataString = '&name='+name+'&email='+email+'&phone='+phone+'&message='+message;
        		
				$.ajax({
                	type:"POST",
                   	url:"contact.php",
                    data:dataString,
                    success:function(data) {
                    	if(data==="ok") { 
							$("#ajax-contact-form").find('input[type=text], input[type=email], textarea').val(""); 
							result = '<div class="notification_ok"><i class="fa fa-check"></i> Your email was sent. Thanks!</div>';
                       	} else {
                        	result = data;
                        }
                        
						$("#note").html(result);
           			}                         
              	});
					  
				return false;
        	}
		});
    });

	/*************************
	    - Youtube player -
	*************************/
    $(".player").mb_YTPlayer();
    
   	//Player controls
    $('#play').on("click", function(){
    	$('.player').playYTP();
	});

  	$('#pause').on("click", function(){
    	$('.player').pauseYTP();
	});
	
	//Google Maps
	googleMaps();
	
});

/**********************
	- Magic mouse -
**********************/
var magicMouse = function() {
	var mouseOpacity = 1-$(document).scrollTop()/400;
	if (mouseOpacity<0) mouseOpacity = 0;
	$(document).find(".mouse").css({opacity:mouseOpacity});
};

/**********************
	- Window load -
**********************/
$(window).on("load", function() {
    $(".page-loader").delay(700).fadeOut("slow");
 
	setTimeout(function() {
		$(".logo").delay(1000).css({display:'none'}).fadeIn(1000);
		$("h1").delay(1000).css({display:'none'}).fadeIn(1000);
		$("p").delay(1000).css({display:'none'}).fadeIn(1000);
		$(".countdown").delay(1000).css({display:'none'}).fadeIn(1000);
		$(".subscribe").delay(1000).css({display:'none'}).fadeIn(1000);
		$(".mouse").delay(1000).css({display:'none'}).fadeIn(1000);
    });
	
	magicMouse();
});

$(window).on("scroll", function() {
	magicMouse();
});

/**********************
	- Google Maps -
**********************/
function googleMaps() {
	if ($('#google-container').length===0) {
		return;
	}
	
	//Variables
	var title = arrMap.title;
	var latitude = arrMap.latitude;
	var longitude = arrMap.longitude;
	var zoom = arrMap.zoom;
	
	//Marker icon
	var marker_url = arrMap.marker;
	
	//Main color
	var main_color = arrMap.color;
	
	//Saturation and brightness
	var saturation_value = -20;
	var brightness_value = 5;

	//Map style
	var style= [ 
		{//Set saturation for the labels on the map
			elementType:"labels",
			stylers:[
				{saturation:saturation_value},
			]
		}, 
		
		{//Poi stands for point of interest - don't show these labels on the map 
			featureType:"poi",
			elementType:"labels",
			stylers:[
				{visibility:"off"},
			]
		},
		
		{//Hide highways labels on the map
			featureType:'road.highway',
			elementType:'labels',
			stylers:[
				{visibility:"off"},
			]
		}, 
	
		{//Hide local road labels on the map
			featureType:"road.local", 
			elementType:"labels.icon", 
			stylers:[
				{visibility:"off"}, 
			] 
		},
		
		{//Hide arterial road labels on the map
			featureType:"road.arterial", 
			elementType:"labels.icon", 
			stylers:[
				{visibility:"off"},
			] 
		},
	
		{//Hide road labels on the map
			featureType:"road",
			elementType:"geometry.stroke",
			stylers:[
				{visibility:"off"},
			]
		},
		
		{//Style different elements on the map
			featureType:"transit", 
			elementType:"geometry.fill", 
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		}, 
		
		{
			featureType:"poi",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"poi.government",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"poi.attraction",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"poi.business",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"transit",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"transit.station",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"landscape",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]	
		},
		
		{
			featureType:"road",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
	
		{
			featureType:"road.highway",
			elementType:"geometry.fill",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		},
		
		{
			featureType:"water",
			elementType:"geometry",
			stylers:[
				{hue:main_color},
				{visibility:"on"}, 
				{lightness:brightness_value}, 
				{saturation:saturation_value},
			]
		}
	];
	
	//Set google map options
	var map_options = {
		center:new google.maps.LatLng(latitude, longitude),
		zoom:zoom,
		panControl:false,
		zoomControl:false,
		mapTypeControl:false,
		streetViewControl:false,
		mapTypeId:google.maps.MapTypeId.ROADMAP,
		scrollwheel:false,
		styles:style
	}
	
	//Inizialize the map
	var map = new google.maps.Map(document.getElementById('google-container'), map_options);
 
	//Add a custom marker to the map        
	var marker = new google.maps.Marker({
		position:new google.maps.LatLng(latitude, longitude),
		map:map,
		title:title,
		visible:true,
		icon:marker_url
	});

	google.maps.event.addDomListener(window, "resize", function() {
		var center = map.getCenter();
		google.maps.event.trigger(map, "resize");
		map.setCenter(center); 
	});

	//Add custom buttons for the zoom-in/zoom-out on the map
	if (arrMap.zoomControlDiv==undefined) {		
		var zoomControlDiv = document.createElement('div');		
		var zoomControl = new customZoomControl(zoomControlDiv, map);
		arrMap.zoomControlDiv = zoomControlDiv;
	}
		
	//Insert the zoom div on the top left of the map
	map.controls[google.maps.ControlPosition.LEFT_TOP].push(arrMap.zoomControlDiv);
}

function customZoomControl(controlDiv, map) {
	//Grap the zoom elements from the DOM and insert them in the map 
	var controlUIzoomIn = document.getElementById('zoom-in'),
	controlUIzoomOut = document.getElementById('zoom-out');
  
	controlDiv.appendChild(controlUIzoomIn);
	controlDiv.appendChild(controlUIzoomOut);

	//Setup the click event listeners and zoom-in or out according to the clicked element
	google.maps.event.addDomListener(controlUIzoomIn, 'click', function() {
		map.setZoom(map.getZoom()+1);
	});
	
	google.maps.event.addDomListener(controlUIzoomOut, 'click', function() {
		map.setZoom(map.getZoom()-1);
	});
}