/* =====================================
Template Name: Appmela
Author Name: Themelamp
Author URL: http://themelamp.com
Description: Appmela is a modern & powerfull html5 template for any app landing page showcase.
Version: 1.0
========================================*/  
/*=======================================
[Start Activation Code]
=========================================
	01. Onepage Nav JS
	02. Hero Slider JS
	03. Counter Up JS
	04. Swipper Slider JS
	05. Testimonials Slider JS
	06. Blog Slider JS
	07. Twitter Slider JS
	08. Brands Slider JS
	09. Aos Animation JS
	10. Magnipic Popup JS
	11. Scroll Up JS
	12. Animate Scroll JS
	13. Preloader JS
=========================================
[End Activation Code]
=========================================*/ 
(function ($) {
	"use strict";
    $(document).ready(function(){
		
		/*====================================
		01. Sticky Header JS
		======================================*/ 	
		$('.mobile-menu-active').slicknav({
			prependTo:".mobile-menu",
			label:"", //you can add mobile menu text
		});
		
		/*====================================
		01. Sticky Header JS
		======================================*/ 
		$(window).on('scroll', function() {
			if ($(this).scrollTop() > 0) {
				$('.header.sticky').addClass("active");
			} else {
				$('.header.sticky').removeClass("active");
			}
		});
		
		
		$('.menu').onePageNav({
			currentClass: 'active',
			changeHash: false,
			scrollSpeed: 750,
			scrollThreshold: 0.5,
			filter: '',
			easing: 'swing',
			begin: function() {
				//I get fired when the animation is starting
			},
			end: function() {
				//I get fired when the animation is ending
			},
			scrollChange: function($currentListItem) {
				//I get fired when you enter a section and I pass the list item of the section
			}
		});
		
		/*====================================
			02. Hero Slider JS
		======================================*/
		$(".hero-slider").owlCarousel({
			items: 1,
			loop: true,
			margin: 0,
			autoplay: false,
			autoplayTimeout: 2000,
			smartSpeed: 400,
			mouseDrag: true,
			center: false,
			dots: true,
			nav: false,
		});	
		
		/*====================================
			03. Counter Up JS
		======================================*/ 
		$('.count').counterUp({
			time: 3000,
			delay: 50,
		});
		
		/*====================================
			04. Swipper Slider JS
		======================================*/ 
		var swiper = new Swiper('.swiper-container.swiper-3d-gallery', {
            slidesPerView: 5,
            initialSlide: 5,
			nextButton: '.slider-button-next',
			prevButton: '.slider-button-prev',
            keyboardControl: true,
            mousewheelControl: false,
            lazyLoading: true,
			lazyLoadingInPrevNext: true,
			autoplay: 0,
			grabCursor: true,
			loop: true,
			spaceBetween: 40,
			centeredSlides: true,
			effect: 'coverflow',
			coverflow: {
				rotate: 40,
				stretch: 10,
				depth: 55,
				modifier: 0.5,
				slideShadows : false
			},
			 breakpoints: {
                1199: {
                    slidesPerView: 3,
                   spaceBetween: 30,
                },
                991: {
                    slidesPerView: 3,
                   spaceBetween: 30,
                },
                767: {
                    slidesPerView: 2,
                    spaceBetween: 30,
                },
                575: {
                    slidesPerView: 1,
                   spaceBetween: 30,
                }
            }
		});
		
		/*====================================
			05. Testimonials Slider JS
		======================================*/ 
		$('.testimonials-slider .slider-active').bxSlider({
            auto:false,            
            controls: true,
            nextText: '<i class="icofont-long-arrow-right"></i>',
            prevText: '<i class="icofont-long-arrow-left"></i>',
            pause: 3000,
            speed: 500,
            pager: true,
            pagerCustom: '#testimonials-slider-pager'
        });
		
		/*====================================
			06. Blog Slider JS
		======================================*/
		$(".blog-slider").owlCarousel({
			loop: true,
			margin: 30,
			dots: true,
			autoplay: false,
			autoplayTimeout: 4000,
			smartSpeed: 1000,
			mouseDrag: true,
			touchDrag: false,
			items: 3,
			nav: false,
			navText: ['<i class="icofont-thin-double-left"></i>', '<i class="icofont-thin-double-right"></i>'],
			responsive:{
				300: {
					items: 1,
				},
				480: {
					items: 1,
				},
				768: {
					items: 2,
				},
				1170: {
					items: 3,
				},
			}
		});		
		
		/*====================================
			07. Twitter Slider JS
		======================================*/
		$(".twitter-slider").owlCarousel({
			autoplay:false,
			loop:true,
			smartSpeed: 700,
			autoplayTimeout:5000,
			autoplayHoverPause:true,
			center:false,
			items:1,
			margin:0,
			dots:false,
			nav: true,
			navText: ['<i class="icofont-long-arrow-left"></i>', '<i class="icofont-long-arrow-right"></i>'],
		});	
		
		/*====================================
			08. Brands Slider JS
		======================================*/
		$(".brands-slider").owlCarousel({
			autoplay:false,
			loop:true,
			smartSpeed: 700,
			autoplayTimeout:5000,
			autoplayHoverPause:true,
			center:false,
			items:6,
			margin:0,
			dots:false,
			nav: false,
			responsive:{
				300: {
					items: 1,
				},
				480: {
					items: 2,
				},
				768: {
					items: 4,
				},
				1170: {
					items: 6,
				},
			}
		});
		
		/*====================================
			09. Aos Animation
		======================================*/ 
		AOS.init();
		
		/*=====================================
			10. Magnipic Popup
		======================================*/ 
		$('.video-play').magnificPopup({
			type: 'iframe',
			removalDelay: 300,
			mainClass: 'mfp-fade'
		});
		
		/*====================================
			11. Scroll Up JS
		======================================*/
		$.scrollUp({
			scrollText: '<i class="icofont-long-arrow-up"></i>',
			easingType: 'easeInOutExpo',
			scrollSpeed: 900,
			animation: 'fade'
		});

		/*====================================
			12. Animate Scrool
		======================================*/
		$('.a-scrool').on('click', function(event) {
			var $anchor = $(this);
			$('html, body').stop().animate({
				scrollTop: $($anchor.attr('href')).offset().top -0 
			}, 1500, 'easeInOutQuart');
			event.preventDefault();
		});
		
		
		
    });
		/*====================================
			12. Preloader
		======================================*/
		$(window).on('load', function () {
		"use strict";
		$(".preloader").fadeOut(1000);

	});
	
	
})(jQuery);