(function($, window){

	function initFullScreen() {

		var fsButton = document.getElementById('fullscreen_button');
		if (!fsButton) return;

		var container = document.documentElement;

		if (document.fullscreenEnabled ||
				document.webkitFullscreenEnabled ||
				document.mozFullScreenEnabled ||
				document.msFullscreenEnabled)
			fullscreen_button.style.display = 'inline';

		fullscreen_button.addEventListener('click', function(event) {
			event.stopPropagation();
			if (document.fullscreenElement ||
					document.webkitFullscreenElement ||
					document.mozFullScreenElement ||
					document.msFullscreenElement) {
				exitFullscreen();
			} else
				requestFullscreen(container);
		});

		function changeFullscreen() {
			if (document.fullscreenElement ||
					document.webkitFullscreenElement ||
					document.mozFullScreenElement ||
					document.msFullscreenElement) {
				fullscreen_button.classList.remove('fullscreen-open');
				fullscreen_button.classList.add('fullscreen-close');
			} else {
				fullscreen_button.classList.remove('fullscreen-close');
				fullscreen_button.classList.add('fullscreen-open');
			}
		}

		document.addEventListener('webkitfullscreenchange', changeFullscreen);
		document.addEventListener('mozfullscreenchange', changeFullscreen);
		document.addEventListener('msfullscreenchange', changeFullscreen);
		document.addEventListener('fullscreenchange', changeFullscreen);

		function requestFullscreen(elem) {
			if (elem.requestFullscreen)
				elem.requestFullscreen();
			else if (elem.mozRequestFullScreen)
				elem.mozRequestFullScreen();
			else if (elem.webkitRequestFullscreen)
				elem.webkitRequestFullscreen();
			else if (elem.msRequestFullscreen)
				elem.msRequestFullscreen();
		}

		function exitFullscreen() {
			if (document.exitFullscreen)
				document.exitFullscreen();
			else if (document.mozCancelFullScreen)
				document.mozCancelFullScreen();
			else if (document.webkitExitFullscreen)
				document.webkitExitFullscreen();
			else if (document.msExitFullscreen)
				document.msExitFullscreen();
		}
	}


$(document).ready(function() {
	// var activeButton = window.localStorage.getItem("fdea-active-button") || "";
	// if (activeButton) {
	//    $("#" + activeButton).addClass("active");
	// }

	$(".fdea-button").on("click.fdea", function() {
	   $("#fdea-menu .card").removeClass("active");
	   $(this).closest('.card').addClass("active");
	   //window.localStorage.setItem("fdea-active-button", $(this).attr("id"));
	});

	$('.fdea-button [data-toggle="collapse"]').on('click', function(evt){
		console.log(evt.type);
		evt.stopPropagation();
		$('#fdea-menu .collapse.show').collapse('hide');
		$(evt.currentTarget).closest('.card').find('.collapse').collapse('toggle');
	});

	$('#fdea-menu .collapse').on('show.bs.collapse', function(evt){
		var currentCard = $(this).closest('.card');
		if( !currentCard.hasClass('active') ){
			$('#fdea-menu .card.active').removeClass('active');
		}
	});

	initFullScreen();

 });

})(jQuery, window);