(function ($) {
"use strict";

// meanmenu
$('#mobile-menu').meanmenu({
	meanMenuContainer: '.mobile-menu',
	meanScreenWidth: "1200",
	meanMenuOpen: "<i class='fas fa-bars'></i>",
	meanRevealPosition: "left",
});


// data - background
$("[data-background]").each(function () {
	$(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
})



// courses-active
$('.courses-active').slick({
  dots: false,
  infinite: true,
  speed: 1000,
  arrows: true,
  prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
  nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
  slidesToShow: 4,
  slidesToScroll: 2,
  responsive: [
    {
      breakpoint: 1200,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        arrows: false,
      }
    },
    {
      breakpoint: 992,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
      }
    },
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 2,
		    slidesToScroll: 1,
		    arrows: false,
      }
    },
    {
      breakpoint: 575,
      settings: {
        slidesToShow: 1,
		    slidesToScroll: 1,
		    arrows: false,
      }
    },
  ]
});



// five-s-courses-active
$('.five-s-courses-active').slick({
	
  dots: true,
  infinite: true,
  speed: 5,
  arrows: true,
  prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
  nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
  slidesToShow: 3,
  slidesToScroll: 1,
  centerMode: true,
  centerPadding: '0px',
  autoplay: false,
  autoplaySpeed: 2500,
 //ariableWidth: true,
    pauseOnHover:true,
  responsive: [
    {
      breakpoint: 1800,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        centerPadding: '0px',
      }
    },
    {
      breakpoint: 1500,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        centerPadding: '0px',
      }
    },
    {
      breakpoint: 1200,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        centerPadding: '0px',
      }
    },
    {
      breakpoint: 992,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        centerPadding: '0px',
      }
    },
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 1,
		    slidesToScroll: 1,
        arrows: false,
        centerPadding: '100px',
      }
    },
    {
      breakpoint: 575,
      settings: {
        slidesToShow: 1,
		    slidesToScroll: 1,
        arrows: false,
        centerPadding: '0px',
      }
    },
  ]
});


// Detail slick slide

$().ready(function (e) {
/*$('a[data-toggle="tab"]').on('shown.bs.tab', function() {
	$($(this).attr('href')).find('.slickslide').slick({


  
         dots: true,
         arrows: false,
         slide: 'li',
         slidesToShow: 1,
    
        responsive: [{
            breakpoint: 800,
            settings: {
                arrows: false,
                centerMode: false,
                centerPadding: '40px',
                variableWidth: false,
                slidesToShow: 1,
                dots: true
            },
            breakpoint: 1200,
            settings: {
                arrows: false,
                centerMode: false,
                centerPadding: '40px',
                variableWidth: false,
                slidesToShow: 1,
                dots: true

            }
        }],
        customPaging: function (slider, i) {
            return '<button class="tab">' + $('.slick-thumbs li:nth-child(' + (i + 1) + ')').html() + '</button>';
        }
	})	
    }).first().trigger('shown.bs.tab');*/


});



// tab page detail 
$(function(){
    // Enables popover
    $("[data-toggle=popover]").popover();
})


// niceSelect;
$("select").niceSelect();



// scrollToTop
$.scrollUp({
	scrollName: 'scrollUp',
	topDistance: '300',
	topSpeed: 300,
	animation: 'fade',
	animationInSpeed: 200,
	animationOutSpeed: 200,
  scrollText: '<i class="fas fa-level-up-alt"></i>',
	activeOverlay: false,
});



})(jQuery);