$('select[multiple]').multiselect({
	placeholder: 'Select'
	// maxWidth: 350
	// selectAll: true
});


var sfFieldName;

$(document).on("sf:ajaxstart", ".searchandfilter", function(){
  	// console.log("ajax start");
  	sfFieldName = $('.ms-active').closest('li[data-sf-field-name]').data('sf-field-name');
});


$(document).on("sf:ajaxfinish", ".searchandfilter", function(){

	$('select[multiple]').multiselect();
	$('li[data-sf-field-name='+sfFieldName+']').find('.ms-options-wrap').addClass('ms-active');
	checkPastProjectsLoaded();

});


//an event fired when S&F is initialised and S&F scripts have been loaded
$(document).on("sf:init", ".searchandfilter", function(){

	checkPastProjectsLoaded();

	var hash = window.location.hash;
	if (hash == '#past') {
		setTimeout(scrollToPast, 500);
		setTimeout(scrollToPast, 1000);
		setTimeout(scrollToPast, 3000);
	}

});


function scrollToPast(){ 
	$("body, html").animate({ 
	  scrollTop: $( '.pp-title' ).offset().top  - 130
	}, 1);

}


function checkPastProjectsLoaded() {

	if ($('.pp-title').length == 0) {
		$('article.card[data-status="past"]').first().before( '<div id="past" class="pp-title" class="joined-heading"><h2>Past Projects</h2></div>' );
	}

}



const common = (($) => {
	'use strict';

	/**
	 * Side nav
	 *
	 * @since   1.0.0
	 */
	const sideNavToggle = () => {

		const navContainer = document.querySelector('.side-nav');
		const openBtn = document.getElementById('navOpenBtn');
		const closeBtn = document.getElementById('navCloseBtn');
		const openClass = 'nav-open';
		const closedClass = 'nav-closed';

		const openMenu = (evt) => {
			evt.stopPropagation();
			document.body.classList.add(openClass);

			setTimeout(() => {
				document.body.classList.remove(closedClass);
			}, 100);
		};

		const closeMenu = () => {
			document.body.classList.add(closedClass);

			setTimeout(() => {
				document.body.classList.remove(openClass);
			}, 100);
		};

		openBtn.onclick = (evt) => {
			openMenu(evt);
		};

		closeBtn.onclick = (evt) => {
			closeMenu(evt);
		};

		window.onclick = (evt) => {
			if (document.body.classList.contains(openClass)) {
				closeMenu(evt);
			}
		};

		navContainer.onclick = (evt) => {
			evt.stopPropagation();
		};

	};

	/**
	 * Sticky header
	 */
	const stickyHeader = () => {

		if (document.body.classList.contains('home')) {

			const header = document.querySelector('.header');
			const main = document.querySelector('.main');
			let headerHeight = header.clientHeight;
			const stickyClass = 'header--sticky';
			let position = header.offsetTop;
			let scrolled;

			const onScroll = () => {

				scrolled = document.scrollingElement.scrollTop;

				if (scrolled > position) {
					header.classList.add(stickyClass);
					main.style.marginTop = `${headerHeight}px`;
				} else {
					header.classList.remove(stickyClass);
					main.style.marginTop = 0;
				}

			};

			onScroll();

			document.addEventListener('scroll', onScroll, false);

		}

	};

	/**
	 * Track elements as they enter the viewport
	 */
	const viewportTracking = () => {

		const track = (el) => {
			enterView({
				selector: el,
				enter: function (e) {
					e.classList.add('ev--entered');
				},
				offset: '25',
				once: true
			});
		};

		if (document.querySelector('.ev')) {
			setTimeout(() => {
				track('.ev');
			}, 300);
		}

	};

	/**
	 * Fire events on document ready and bind other events
	 *
	 * @since   1.0.0
	 */
	const ready = () => {
		sideNavToggle();
		stickyHeader();
		viewportTracking();
	};



	/**
	 * Sharer links
	 */
	






	/**
	 * Only expose the ready function to the world
	 */
	return {
		ready: ready
	}




})(jQuery);

jQuery(common.ready);