aos.init({
	duration: 800,
	easing: 'slide',
	once: true
});

$(function(){

	'use strict';

	$(".loader").delay(50).fadeout("slow");
	$("#overlayer").delay(50).fadeout("slow");	

	var sitemenuclone = function() {

		$('.js-clone-nav').each(function() {
			var $this = $(this);
			$this.clone().attr('class', 'site-nav-wrap').appendto('.site-mobile-menu-body');
		});


		settimeout(function() {
			
			var counter = 0;
			$('.site-mobile-menu .has-children').each(function(){
				var $this = $(this);

				$this.prepend('<span class="arrow-collapse collapsed">');

				$this.find('.arrow-collapse').attr({
					'data-toggle' : 'collapse',
					'data-target' : '#collapseitem' + counter,
				});

				$this.find('> ul').attr({
					'class' : 'collapse',
					'id' : 'collapseitem' + counter,
				});

				counter++;

			});

		}, 1000);

		$('body').on('click', '.arrow-collapse', function(e) {
			var $this = $(this);
			if ( $this.closest('li').find('.collapse').hasclass('show') ) {
				$this.removeclass('active');
			} else {
				$this.addclass('active');
			}
			e.preventdefault();  

		});

		$(window).resize(function() {
			var $this = $(this),
			w = $this.width();

			if ( w > 768 ) {
				if ( $('body').hasclass('offcanvas-menu') ) {
					$('body').removeclass('offcanvas-menu');
				}
			}
		})

		$('body').on('click', '.js-menu-toggle', function(e) {
			var $this = $(this);
			e.preventdefault();

			if ( $('body').hasclass('offcanvas-menu') ) {
				$('body').removeclass('offcanvas-menu');
				$('body').find('.js-menu-toggle').removeclass('active');
			} else {
				$('body').addclass('offcanvas-menu');
				$('body').find('.js-menu-toggle').addclass('active');
			}
		}) 

		// click outisde offcanvas
		$(document).mouseup(function(e) {
			var container = $(".site-mobile-menu");
			if (!container.is(e.target) && container.has(e.target).length === 0) {
				if ( $('body').hasclass('offcanvas-menu') ) {
					$('body').removeclass('offcanvas-menu');
					$('body').find('.js-menu-toggle').removeclass('active');
				}
			}
		});
	}; 
	sitemenuclone();

	var owlplugin = function() {
		if ( $('.owl-3-slider').length > 0 ) {
			var owl3 = $('.owl-3-slider').owlcarousel({
				loop: true,
				autoheight: true,
				margin: 20,
				autoplay: true,
				smartspeed: 700,
				items: 1,
				stagepadding: 0,
				nav: true,
				dots: true,
				navtext: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
				responsive:{
					0:{
						items:1
					},
					600:{
						items:1
					},
					800: {
						items:2
					},
					1000:{
						items:2
					},
					1100:{
						items:3
					}
				}
			});
		}
		$('.js-custom-next-v2').click(function(e) {
			e.preventdefault();
			owl3.trigger('next.owl.carousel');
		})
		$('.js-custom-prev-v2').click(function(e) {
			e.preventdefault();
			owl3.trigger('prev.owl.carousel');
		})
		if ( $('.owl-4-slider').length > 0 ) {
			var owl4 = $('.owl-4-slider').owlcarousel({
				loop: true,
				autoheight: true,
				margin: 10,
				autoplay: true,
				smartspeed: 700,
				items: 4,
				nav: false,
				dots: true,
				navtext: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
				responsive:{
					0:{
						items:1
					},
					600:{
						items:2
					},
					800: {
						items:2
					},
					1000:{
						items:3
					},
					1100:{
						items:4
					}
				}
			});
		}
		

		if ( $('.owl-single-text').length > 0 ) {
			var owltext = $('.owl-single-text').owlcarousel({
				loop: true,
				autoheight: true,
				margin: 0,
				mousedrag: false,
				touchdrag: false,
				autoplay: true,
				smartspeed: 1200,
				items: 1,
				nav: false,
				navtext: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>']
			});
		}
		if ( $('.owl-single').length > 0 ) {
			var owl = $('.owl-single').owlcarousel({
				loop: true,
				autoheight: true,
				margin: 0,
				autoplay: true,
				smartspeed: 800,
				mousedrag: false,
				touchdrag: false,
				items: 1,
				nav: false,
				navtext: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
				oninitialized: counter
			});

			function counter(event) {
				$('.owl-total').text(event.item.count);
			}
			
			$('.js-custom-owl-next').click(function(e) {
				e.preventdefault();
				owl.trigger('next.owl.carousel');
				owltext.trigger('next.owl.carousel');
			})
			$('.js-custom-owl-prev').click(function(e) {
				e.preventdefault();
				owl.trigger('prev.owl.carousel');
				owltext.trigger('prev.owl.carousel');
			})

			$('.owl-dots .owl-dot').each(function(i) {
				$(this).attr('data-index', i - 3);
			});

			owl.on('changed.owl.carousel', function(event) {

				var i = event.item.index;
				if ( i === 1 ) {
					i = event.item.count;
				} else {
					i = i - 1;
				}
				$('.owl-current').text(i);
				$('.owl-total').text(event.item.count);
			})
		}

	}
	owlplugin();

	var counter = function() {
		
		$('.count-numbers').waypoint( function( direction ) {

			if( direction === 'down' && !$(this.element).hasclass('ut-animated') ) {

				var comma_separator_number_step = $.animatenumber.numberstepfactories.separator(',')
				$('.counter > .number').each(function(){
					var $this = $(this),
					num = $this.data('number');
					$this.animatenumber(
					{
						number: num,
						numberstep: comma_separator_number_step
					}, 7000
					);
				});
				
			}

		} , { offset: '95%' } );

	}
	counter();

	// jarallax
	var jarallaxplugin = function() {
		if ( $('.jarallax').length > 0 ) {
			$('.jarallax').jarallax({
				speed: 0.2
			});
		}
	};
	jarallaxplugin();

	

	var accordion = function() {
		$('.btn-link[aria-expanded="true"]').closest('.accordion-item').addclass('active');
		$('.collapse').on('show.bs.collapse', function () {
			$(this).closest('.accordion-item').addclass('active');
		});

		$('.collapse').on('hidden.bs.collapse', function () {
			$(this).closest('.accordion-item').removeclass('active');
		});
	}
	accordion();

	var links = $('.js-hover-focus-one .service-sm')
	.mouseenter(function(){
		links.addclass('unfocus');
		$(this).removeclass('unfocus');
	}).mouseleave(function(){
		$(this).removeclass('unfocus');
		links.removeclass('unfocus');
	})



	var siteistotope = function() {
		var $container = $('#posts').isotope({
			itemselector : '.item',
			isfitwidth: true
		});

		$(window).resize(function(){
			$container.isotope({
				columnwidth: '.col-sm-3'
			});
		});

		$container.isotope({ filter: '*' });

		$('#filters').on( 'click', 'a', function(e) {
			e.preventdefault();
			var filtervalue = $(this).attr('data-filter');
			$container.isotope({ filter: filtervalue });
			$('#filters a').removeclass('active');
			$(this).addclass('active');
		});

		$container.imagesloaded()
		.progress( function() {
			$container.isotope('layout');
		})
		.done(function() {
			$('.gsap-reveal-img').each(function() {
				var html = $(this).html();
				$(this).html('<div class="reveal-wrap"><span class="cover"></span><div class="reveal-content">'+html+'</div></div>');
			});

			var controller = new scrollmagic.controller();

			var revealimg = $('.gsap-reveal-img');

			if ( revealimg.length ) {
				var i = 0;
				revealimg.each(function() {

					var cover = $(this).find('.cover'),
					revealcontent = $(this).find('.reveal-content'),
					img = $(this).find('.reveal-content img');


					var tl2 = new timelinemax();
					settimeout(function() {
						tl2
						tl2.set(img, {  scale: '1.2', autoalpha: 1, })
						.to(cover, 1, { marginleft: '0', ease:expo.easeinout, oncomplete() {
							tl2.set(revealcontent, { autoalpha: 1 });
							tl2.to(cover, 1, { marginleft: '102%', ease:expo.easeinout });
							tl2.to(img, 2, { scale: '1.0', ease:linear.easenone }, '-=2.5');
						} } )

					}, i * 200);



					var scene = new scrollmagic.scene({
						triggerelement: this,
						duration: "0%",
						reverse: false,
						offset: "-300%",
					})
					.settween(tl2)
					.addto(controller);

					i++;

				});
			}
		})

		$('.js-filter').on('click', function(e) {
			e.preventdefault();
			$('#filters').toggleclass('active');
		});

	}
	siteistotope();


	var sitegsaprevealhero = function() {
		var controller = new scrollmagic.controller();

		$('.gsap-reveal-hero').each(function() {
			var html = $(this).html();
			$(this).html('<span class="reveal-wrap"><span class="cover"></span><span class="reveal-content">'+html+'</span></span>');
		});
		var grevealhero = $('.gsap-reveal-hero');

		if ( grevealhero.length ) {
			var heronum = 0;
			grevealhero.each(function() {

				var cover = $(this).find('.cover'),
				revealcontent = $(this).find('.reveal-content');

				var tl2 = new timelinemax();

				settimeout(function() {

					tl2
					.to(cover, 1, { marginleft: '0', ease:expo.easeinout, oncomplete() {
						tl2.set(revealcontent, { x: 0 });
						tl2.to(cover, 1, { marginleft: '102%', ease:expo.easeinout });
					} } )
				}, heronum * 0 );

				var scene = new scrollmagic.scene({
					triggerelement: this,
					duration: "0%",
					reverse: false,
					offset: "-300%",
				})
				.settween(tl2)
				.addto(controller);

				heronum++;
			});
		}
	}
	sitegsaprevealhero();

	var animateelementsscript = function() {
		function animateelements() {
			$('.progressbar').each(function () {
				var elementpos = $(this).offset().top;
				var topofwindow = $(window).scrolltop();
				var percent = $(this).find('.circle').attr('data-percent');
				var percentage = parseint(percent, 10) / parseint(100, 10);
				var animate = $(this).data('animate');
				if (elementpos < topofwindow + $(window).height() - 30 && !animate) {
					$(this).data('animate', true);
					$(this).find('.circle').circleprogress({
						startangle: -math.pi / 2,
						value: percent / 100,
						thickness: 4,
						fill: {
							color: '#000000'
						}
					}).on('circle-animation-progress', function (event, progress, stepvalue) {
						$(this).find('div').text((stepvalue*100).tofixed(0) + "%");
					}).stop();
				}
			});
		}

    // show animated elements
    animateelements();
    $(window).scroll(animateelements);

};
animateelementsscript();



var onepagenavigation = function() {
	var navtoggler = $('.site-menu-toggle');
	$("body").on("click", ".site-nav-wrap li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a[href^='#']", function(e) {
		e.preventdefault();
		var hash = this.hash;

		$('html, body').animate({

			scrolltop: $(hash).offset().top
		}, 400, 'easeinoutexpo', function(){
			window.location.hash = hash;
		});

	});


};
onepagenavigation();


// load ajax page
var portfolioitemclick = function() {
	$('.ajax-load-page').on('click', function(e) {

		var id = $(this).data('id'),
		href = $(this).attr('href');

		if ( $('#portfolio-single-holder > div').length ) {
			$('#portfolio-single-holder > div').remove();
		} 

		tweenmax.to('.loader-portfolio-wrap', 1, { top: '-50px', autoalpha: 1, display: 'block', ease: power4.easeout });

		settimeout(function() {
			$('html, body').animate({
				scrolltop: $('#portfolio-section').offset().top - 50

			}, 700, 'easeinoutexpo', function() {
			});
		}, 200);
		

		settimeout(function(){
			loadportfoliosinglepage(id, href);
		}, 100);

		e.preventdefault();

	});

	// close
	$('body').on('click', '.js-close-portfolio', function() {

		settimeout(function(){
			$('html, body').animate({
				scrolltop: $('#portfolio-section').offset().top - 50
			}, 700, 'easeinoutexpo');
		}, 200);

		tweenmax.set('.portfolio-wrapper', { visibility: 'visible', height: 'auto' });
		tweenmax.to('.portfolio-single-inner', 1, { margintop: '50px', opacity: 0,  display: 'none', oncomplete() {
			tweenmax.to('.portfolio-wrapper', 1, { margintop: '0px', autoalpha: 1, position: 'relative' });

		} });
		
	});
};

$(document).ajaxstop(function(){
	settimeout(function(){
		tweenmax.to('.loader-portfolio-wrap', 1, { top: '0px', autoalpha: 0, ease: power4.easeout });	
	}, 400);
});

var loadportfoliosinglepage = function(id, href) {
	$.ajax({
		url: href,
		type: 'get',
		success: function(html) {

			tweenmax.to('.portfolio-wrapper', 1, { margintop: '50px', autoalpha: 0, visibility: 'hidden', oncomplete() {
				tweenmax.set('.portfolio-wrapper', { height: 0 });
			} })

			var psingleholder = $('#portfolio-single-holder');
			
			var gethtmlcontent = $(html).find('.portfolio-single-wrap').html();

			psingleholder.append(
				'<div id="portfolio-single-'+id+
				'" class="portfolio-single-inner"><span class="unslate_co--close-portfolio js-close-portfolio d-flex align-items-center"><span class="icon-close2 wrap-icon-close"></span></span>' + gethtmlcontent + '</div>'
				);

			settimeout(function() {
				owlsingleslider();
				$('html, body').animate({
					scrolltop: $('#portfolio-section').offset().top - 50

				}, 700, 'easeinoutexpo', function() {
				});
			}, 10);

			settimeout(function() {
				tweenmax.set('.portfolio-single-inner', { margintop: '100px', autoalpha: 0, display: 'none' });
				tweenmax.to('.portfolio-single-inner', .5, { margintop: '0px', autoalpha: 1, display: 'block', oncomplete() {

					tweenmax.to('.loader-portfolio-wrap', 1, { top: '0px', autoalpha: 0, ease: power4.easeout });	
				} });
			}, 700 );
		}
	});

	return false;

};

portfolioitemclick();



var owlsingleslider = function () {
	if ( $( '.single-slider' ).length ) {
		$('.single-slider').owlcarousel({
			center: false,
			items: 1,
			loop: true,
			stagepadding: 0,
			margin: 0,
			smartspeed: 1500,
			autoplay: true,
			autoheight: true,
			autoplayhoverpause: true,
			dots: true,
			nav: true,
			navtext: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],

			responsive:{
				400:{
					stagepadding: 0,
					margin: 0,
				},
				600:{
					stagepadding: 0,
					margin: 0,
				}
			}
		});
	}
}


})