(function () {

	var searchToggle = document.getElementById('header__search-toggle');
	if (!searchToggle) {
		return;
	}

	var performToggle = function (element) {
		var toggle = element;
		var target = document.querySelector(toggle.dataset.toggleTarget);

		if (target.classList.contains('show-modal')) {
			// Hide the modal.
			target.classList.remove('active');

			setTimeout(function () {
				target.classList.remove('show-modal');
				toggle.focus();
			}, 250);
		} else {
			// Show the modal.
			target.classList.add('show-modal');

			setTimeout(function () {
				target.classList.add('active');

				if (toggle.dataset.setFocus) {
					var focusElement = document.querySelector(toggle.dataset.setFocus);

					if (focusElement) {
						var searchTerm = focusElement.value;
						focusElement.value = '';
						focusElement.focus();
						focusElement.value = searchTerm;
					}
				}
			}, 10);
		}
	};

	document.querySelectorAll('*[data-toggle-target]').forEach(function (element) {
		element.addEventListener('click', function (event) {
			event.preventDefault();
			performToggle(element);
		});
	});

	// Close modal on escape key press.
	document.addEventListener('keyup', function (event) {

		if (event.keyCode === 27) {
			event.preventDefault();
			document.querySelectorAll('.search-modal.active').forEach(function (element) {
				performToggle(
					document.querySelector('*[data-toggle-target="' + element.dataset.modalTargetString + '"]')
				);
			});
		}
	});

	// Close modal on outside click.
	document.addEventListener('click', function (event) {
		var target = event.target;
		var modal = document.querySelector('.search-modal.active');

		if (target === modal) {
			performToggle(
				document.querySelector('*[data-toggle-target="' + modal.dataset.modalTargetString + '"]')
			);
		}
	});

	document.addEventListener('keydown', function (event) {
		var e = event || evt; // for cross-browser compatibility
		var charCode = e.which || e.keyCode;

		if (charCode !== 9 || !jQuery('div.search-modal').hasClass('active')) {
			return;
		}

		var $element = jQuery(':focus'),
			isShiftTab = (event.shiftKey && event.keyCode == 9);

		if ($element.hasClass('search-form__input') && isShiftTab) {
			setTimeout(function () {
				jQuery('.search-input__button').focus();
			}, 10);
		}

		if ($element.hasClass('search-input__button') && !isShiftTab) {
			setTimeout(function () {
				jQuery('input.search-form__input').focus();
			}, 10);
		}
	});
})();