/*------------------------------------------------------------------------------------
    
JS INDEX
=============

01 - Language Menu JS
02 - Main Slider JS
03 - Scroll JS
04 - Course Slider JS
05 - Waypoints JS
06 - Teachers Slider JS
07 - Student Slider JS
08 - Partner Slider JS
09 - Youtube Popup JS
10 - Progressbar JS
11 - Responsive JS
12 - Btn To Top JS



-------------------------------------------------------------------------------------*/

(function ($) {
	"use strict";

    jQuery(document).ready(function($){
        
        /*=================================================================
        01 - Language Menu JS
        =================================================================	
        */
          if ($(".dropdown-menu li").length) {
            $(".dropdown-menu li").on('click', function(){
              $(this).parents(".dropdown").find('.btn-dropdown').html($(this).text() + ' <i class="fa fa-angle-down"></i>');
              $(this).parents(".dropdown").find('.btn-dropdown').val($(this).data('value'));
            });  
          };


        if ($(".dropdown-menu li").length) {
            $(".dropdown-menu li").on('click', function(){
              $(this).parents(".dropdown").find('.call-dropdown').html($(this).text() + ' <i class="fa fa-angle-down"></i>');
              $(this).parents(".dropdown").find('.call-dropdown').val($(this).data('value'));
            });  
          };

        
        /* 
        =================================================================
        02 - Main Slider JS
        =================================================================	
        */
        $(".big-slide").owlCarousel({
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            items: 1,
            nav: true,
            dots: false,
            autoplay: true,
            loop: true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            mouseDrag: false,
            touchDrag: false
        });
        
        $(".big-slide").on("translate.owl.carousel", function(){
            $(".big-main-slide h2, .big-main-slide p").removeClass("animated fadeInUp").css("opacity", "0");
            $(".big-main-slide .big-btn").removeClass("animated fadeInDown").css("opacity", "0");
        });
        $(".big-slide").on("translated.owl.carousel", function(){
            $(".big-main-slide h2, .big-main-slide p").addClass("animated fadeInUp").css("opacity", "1");
            $(".big-main-slide .big-btn").addClass("animated fadeInDown").css("opacity", "1");
        });
        
        $(".big-slide").on("translate.owl.carousel", function(){
            $(".big-main-slide h4").removeClass("animated slideInDown").css("opacity", "0");
        });
        $(".big-slide").on("translated.owl.carousel", function(){
            $(".big-main-slide h4").addClass("animated slideInDown").css("opacity", "1");
        });
        
        /* 
        =================================================================
        03 - Scroll JS
        =================================================================	
        */
        
        $(".big-choose-scroll").perfectScrollbar();
        
        
        /* 
        =================================================================
        04 - Course Slider JS
        =================================================================	
        */
        $(".latest-course-slide").owlCarousel({
            autoplay:true,
            loop:true,
            margin:20,
            touchDrag:false,
            mouseDrag:false,
            nav: true,
            dots: false,
            autoplayTimeout: 6000,
            autoplaySpeed: 1200,
            autoplayHoverPause:true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive:{
                0: {
                    items: 1
                },
                480: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 3
                },
                1200: {
                    items: 3
                }
            }
        });
        
        
        /* 
        =================================================================
        05 - Waypoints JS
        =================================================================	
        */
        
         if ($.fn.counterUp) {
            $('.counter').counterUp({
                delay: 10,
                time: 1000
            });
        }
        
        
        /* 
        =================================================================
        06 - Teachers Slider JS
        =================================================================	
        */
        $(".teachers-slider").owlCarousel({
            autoplay:true,
            loop:true,
            margin:20,
            touchDrag:false,
            mouseDrag:false,
            nav: true,
            dots: false,
            autoplayTimeout: 6000,
            autoplaySpeed: 1200,
            autoplayHoverPause:true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive:{
                0: {
                    items: 1
                },
                480: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 3
                },
                1200: {
                    items: 4
                }
            }
        });
        
        
        /* 
        =================================================================
        07 - Student Slider JS
        =================================================================	
        */
        $(".happy-student-slider").owlCarousel({
            autoplay:true,
            loop:true,
            margin:20,
            touchDrag:false,
            mouseDrag:false,
            nav: true,
            dots: false,
            autoplayTimeout: 6000,
            autoplaySpeed: 1200,
            autoplayHoverPause:true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive:{
                0: {
                    items: 1
                },
                480: {
                    items: 1
                },
                600: {
                    items: 1
                },
                1000: {
                    items: 2
                },
                1200: {
                    items: 2
                }
            }
        });
        
        /* 
        =================================================================
        08 - Partner Slider JS
        =================================================================	
        */
        $(".partner-slider").owlCarousel({
            autoplay:true,
            loop:true,
            margin:20,
            touchDrag:false,
            mouseDrag:false,
            nav: true,
            dots: false,
            autoplayTimeout: 6000,
            autoplaySpeed: 1200,
            autoplayHoverPause:true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive:{
                0: {
                    items: 1
                },
                480: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 4
                },
                1200: {
                    items: 4
                }
            }
        });
        
        /* 
        =================================================================
        09 - Youtube Popup JS
        =================================================================	
        */
        
         $('.popup-youtube').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,

            fixedContentPos: false
            });

        
        /* 
        =================================================================
        10 - Progressbar JS
        =================================================================	
        */
        var $pcircle = $('.circle');
        var $pbar = $('.bar');
        $pcircle.each(function(i) {
        var circle = new ProgressBar.Circle(this, {
            color: 'rgba(255,255,255,0.9)',
            trailColor: 'rgba(255,255,255,0.1)',
            strokeWidth: 2,
            trailWidth: 2,
            duration: 2000,
            easing: 'easeInOut'
        });
        var cvalue = ($(this).attr('data-value') / 100);
        $pcircle.waypoint(function() {
            circle.animate(cvalue);
            }, {
            offset: "100%"
            })
        });
        $pbar.each(function(i) {
        var bar = new ProgressBar.Line(this, {
            color: 'rgba(30,30,30,0.7)',
            trailColor: 'rgba(30,30,30,0.1)',
            strokeWidth: 2,
            trailWidth: 2,
            duration: 3000,
            easing: 'easeInOut',
            text: {
                style: {
                    color: '#808080',
                    position: 'absolute',
                    right: '0',
                    top: '-30px',
                    padding: 0,
                    margin: 0,
                    transform: null
                },
                autoStyleContainer: false
            },
            step: function(state, bar, attachment) {
                bar.setText(Math.round(bar.value() * 100) + ' %');
            }
        });
        var bvalue = ($(this).attr('data-value') / 100);
        $pbar.waypoint(function() {
            bar.animate(bvalue);
        },   {
                offset: "100%"
            })
        });
        
        
        /* 
        =================================================================
        11 - Responsive JS
        =================================================================	
        */
        
        $("ul#navigation_menu").slicknav({
            prependTo: ".big-responsive-menu"
        });
        
        /* 
        =================================================================
        12 - Btn To Top JS
        =================================================================	
        */
        if ($("body").length) {
            var btnUp = $('<div/>', {
                'class': 'btntoTop'
            });
            btnUp.appendTo('body');
            $(document).on('click', '.btntoTop', function() {
                $('html, body').animate({
                    scrollTop: 0
                }, 700);
            });
            $(window).on('scroll', function() {
                if ($(this).scrollTop() > 200) $('.btntoTop').addClass('active');
                else $('.btntoTop').removeClass('active');
            });
        }
        
        
        
    });
}(jQuery));