$(document).ready(function() {
	"use strict";
	
	
	$('#play, .video, #playVid').on('click', function(e) {
		e.preventDefault();
		openModal();
	});
	
	$('#bkgVideo').on('click', function() {
		if($(window).width() < 1024) {
		openModal();
		}
	});

	
	function openModal() {
		
		$('.modal').css('display', 'block');
		$('.overlay').css('display', 'block');
		
		positionModal();
		setTimeout(function() {
			$('.overlay').css('opacity', 1);
			$('.modal').css('opacity', 1);
		},50);
	}
	
	$(window).on('resize', function(){
		if($('.modal').is(':visible')) {
			positionModal();
		}
	});
	function positionModal() {
		$('.modal').css('margin-top', '');
		var modalHeight = $('.modal').outerHeight(true);
		var marginTop = -( modalHeight /2);
		$('.modal').css('margin-top', marginTop);

	}
	
	$(document).keyup(function(e) {
		 if (e.keyCode == 27 && $('.modal').is(':visible')) { // escape key maps to keycode `27`
			closeVideo();
		}
	});
	
	$('.modal .close, .overlay').on('click', function() {
		closeVideo();
	});
	
	
	
	function closeVideo() {
		if (player.getPlayerState() == 3) {
			setTimeout(function() {
				closeVideo();
			}, 50);
		}
		else {
			$('.modal').css('opacity', '');
			$('.overlay').css('opacity', '');

			if (player.getPlayerState() == 1) {
				player.stopVideo();

			}

			setTimeout(function() {
				$('.modal').css('margin-top', '');
				$('.modal').css('display', 'none');
				$('.overlay').css('display', 'none');
			}, 500);
		
		}
	}
	
	var bkgVideo = document.getElementById("bkgVideo");
	bkgVideo.addEventListener('loadeddata', function() {
	   $('.loading-icon').hide();
	}, false);
	
	var interval = setInterval(checkVideo, 200); // 2000 ms = start after 2sec 
	function checkVideo() {
		console.log('interval runs');
		if(bkgVideo.readyState === 4) {
			$('.loading-icon').hide();
			clearInterval(interval);
			console.log('interval should be cleared');
		}
	  
	}

});