(function ($, root, undefined) {

	$(function () {

		'use strict';

		// DOM ready, take it away
		gsap.registerPlugin('ScrollTrigger');
		gsap.config({
			nullTargetWarn: false,
		});

		// swap images on page
		const imageContainer = $('#image-container');
		let pageSections = $('#page-content .page-section');

		// show the section image
		function changeImage(section){
			let sectionNumber = $(section).data('section-number');
			let sectionImage = $('#section-'+sectionNumber);
			$('.background-image').fadeOut();
			sectionImage.fadeIn();
			console.log(sectionNumber);
		}
/*
		// page section images
		gsap.utils.toArray(pageSections).forEach((section, i) => {

			// scroll trigger image change
			gsap.to(section, {

				scrollTrigger: {
					trigger: section,
					onRefresh: self => self.progress === 1 && self.animation.progress(1),
					// markers:true,
					onEnter: () => changeImage(section),
					onEnterBack: () => changeImage(section)
				},
			});

		});*/

		// animate grid items
		let itemsTexts = $('#grid-items .item .text');
		let itemsBorders = $('#grid-items .item .border');

		gsap.to(itemsTexts, {
			duration: 1,
			autoAlpha: 1,
			stagger:.1,
			// y:'36px'
		});
		gsap.to(itemsBorders, {
			delay:1,
			duration: .6,
			width:'100%',
			autoAlpha: 1,
			stagger:.1,
			ease: Circ.easeOut
		});


		// create slider
		let $slider = $('#cases-slider').flickity({
			contain: true,
			freeScroll: false,
			prevNextButtons: false,
			pageDots: false,
			wrapAround: true,
			centermode:true,
			prevNextButtons: true,
		});
		$slider.flickity('resize');

		$('#cases-slider').css('opacity','1');

		// go to slide on click (on desktop)
		let windowWidth = $(window).width();
		if(windowWidth > 960) {
			$slider.on( 'staticClick.flickity', function( event, pointer, cellElement, cellIndex ) {
				if ( typeof cellIndex == 'number' ) {
					$slider.flickity( 'select', cellIndex );
				}
			});
		}


		// Masonry grid
		function packeryGrid() {
			$('#grid').packery({
				itemSelector: '.grid-item',
              percentPosition: true,
			});
		}

		$(document).ready(function(){
			if ($("#grid").length) {
				packeryGrid();
			}
		});

		// animate card borders
		let cardBorders = $('#grid-items .card .border');

		gsap.to(cardBorders, {
			delay:.2,
			duration: .6,
			width:'100%',
			autoAlpha: 1,
			stagger:.1,
			ease: Circ.easeOut
		});

	});

})(jQuery, this);
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:project-pagejs] [10.331] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 159 */