/*
Template: Industrie  HTML5 Template
Author: peacefulqode.com
Version: 1.0
Design and Developed by: Peaceful

NOTE: This is main javasctipt file of template.
*/
/*====================================
[  Table of contents  ]
======================================
==> Page Loader
==> Search Button
==> Sidebar Toggle
==> Sticky Header
==> Back To Top

======================================
[ End table content ]
======================================
*/
(function(jQuery) {

    "use strict";


    jQuery(window).on('load', function(e) {




        var Scrollbar = window.Scrollbar;
        // console.log('Scrollbar');
        jQuery('iframe').attr('src', jQuery('iframe').attr('src'));
        console.log(jQuery('iframe').attr('src', jQuery('iframe').attr('src')));

        /*------------------------
                Page Loader
        --------------------------*/
        jQuery("#pt-loading").fadeOut();
        jQuery("#pt-loading").delay(0).fadeOut("slow");

        /*------------------------
                Search Button
        --------------------------*/
        jQuery('#pt-seacrh-btn').on('click', function() {

            jQuery('.pt-search-form').slideToggle();
            jQuery('.pt-search-form').toggleClass('pt-form-show');
            if (jQuery('.pt-search-form').hasClass("pt-form-show")) {
                jQuery(this).html('<i class="fa fa-times"></i>');
            } else {
                jQuery(this).html('<i class="fa fa-search"></i>');
            }


        });

            /*----------------
           Counter
           ---------------------*/
        jQuery('.timer').countTo();


 /*----------------
           image grid
           ---------------------*/
           // external js: isotope.pkgd.js
            jQuery(".grid").isotope({
              itemSelector: ".grid-item",
              percentPosition: true,
              masonry: {
                columnWidth: ".grid-sizer"
              }
            });


        /*------------------------
                Sidebar Toggle
        --------------------------*/
        jQuery("#pt-toggle-btn").on('click', function() {
            jQuery('#pt-sidebar-menu-contain').toggleClass("active");
        });

        jQuery('.pt-toggle-btn').click(function() {
            jQuery('body').addClass('pt-siderbar-open');

        });

        jQuery('.pt-close').click(function() {
            jQuery('body').removeClass('pt-siderbar-open');
        });



        /*------------------------
                Sticky Header
        --------------------------*/
       if(!jQuery('header').hasClass('pt-header-default'))
        {
            jQuery('.pt-breadcrumb').css('padding-top', height * 1.5);
        }

        if(jQuery('header').hasClass('pt-header-default'))
        {
            jQuery(window).scroll(function() {

                var scrollTop = jQuery(window).scrollTop();
                if (scrollTop > 300) {
                    jQuery('.pt-bottom-header').addClass('pt-header-sticky animated fadeInDown animate__faster');
                } else {
                    jQuery('.pt-bottom-header').removeClass('pt-header-sticky animated fadeInDown animate__faster');
                }
            });
        }


        if (jQuery('header').hasClass('pt-has-sticky')) {
            var height = jQuery('header').height();
            jQuery(window).scroll(function() {

                var scrollTop = jQuery(window).scrollTop();
                if (scrollTop > 300) {
                    jQuery('header').addClass('pt-header-sticky animated fadeInDown animate__faster');
                } else {
                    jQuery('header').removeClass('pt-header-sticky animated fadeInDown animate__faster');
                }
            });
        }


/*------------------------
        Owl Carousel
        --------------------------*/
        jQuery('.owl-carousel').each(function() {
            var app_slider = jQuery(this);
            app_slider.owlCarousel({
                items: app_slider.data("desk_num"),
                loop: app_slider.data("loop"),
                margin: app_slider.data("margin"),
                nav: app_slider.data("nav"),
                dots: app_slider.data("dots"),
                autoplay: app_slider.data("autoplay"),
                autoplayTimeout: app_slider.data("autoplay-timeout"),
                navText: ["<i class='ion-ios-arrow-back'></i><span>Prev</span>", "<span>Next</span><i class='ion-ios-arrow-forward'></i>"],
                responsiveClass: true,
                responsive: {
                    // breakpoint from 0 up
                    0: {
                        items: app_slider.data("mob_sm"),
                        nav: false
                    },
                    // breakpoint from 480 up
                    480: {
                        items: app_slider.data("mob_num"),
                        nav: false
                    },
                    // breakpoint from 786 up
                    786: {
                        items: app_slider.data("tab_num")
                    },
                    // breakpoint from 1023 up
                    1023: {
                        items: app_slider.data("lap_num")
                    },
                    1199: {
                        items: app_slider.data("desk_num")
                    }
                }
            });
        });

        /*----------------
            Tox Progress Bar
        ---------------------*/
        jQuery('.pt-circle-progress-bar').each(function () {
            var number = jQuery(this).data('skill-level');
            var empty_color = jQuery(this).data('empty-color');
            var fill_color = jQuery(this).data('fill-color');
            var size = jQuery(this).data('size');
            var thickness = jQuery(this).data('thickness');

            jQuery(this).circleProgress({
                value: '0.' + number,
                size: size,
                emptyFill: empty_color,
                fill: {
                    color: fill_color
                }
            }).on('circle-animation-progress', function (event, progress) {
                jQuery(this).find('.pt-progress-count').html(Math.round(number * progress) + '%');
            });

        });

        jQuery('.pt-progress-bar > span').each(function () {

            var progress_bar = jQuery(this);
            var width = jQuery(this).data('percent');
            progress_bar.css({
                'transition': 'width 2s'
            });
            jQuery('.progress-value').css({
                'transition': 'margin 2s'
            });

            setTimeout(function () {
                jQuery(this).show(function () {
                    progress_bar.css('width', width + '%');
                });
            }, 500);

            setTimeout(function () {
                jQuery('.pt-progressbar-style-2 .progress-value').show(function () {
                    jQuery('.pt-progressbar-style-2 .progress-value').css('margin-left', width + 'px');
                });
            }, 500);

            setTimeout(function () {
                jQuery('.pt-progressbar-style-3 .progress-tooltip').show(function () {
                    jQuery('.pt-progressbar-style-3 .progress-tooltip').css('margin-left', width + 'px');
                });
            }, 500);
        });

        /*------------------------
            Accordion
         --------------------------*/

        jQuery('.pt-accordion-block .pt-accordion-box .pt-accordion-details').hide();
        jQuery('.pt-accordion-block .pt-accordion-box:first').addClass('pt-active').children().slideDown('slow');
        jQuery('.pt-accordion-block .pt-accordion-box').on("click", function () {
            if (jQuery(this).children('div.pt-accordion-details').is(':hidden')) {
                jQuery('.pt-accordion-block .pt-accordion-box').removeClass('pt-active').children('div.pt-accordion-details').slideUp('slow');
                jQuery(this).toggleClass('pt-active').children('div.pt-accordion-details').slideDown('slow');
            }
        });



        /*------------------------
             subscribe-from
        --------------------------*/

        (function() {
   window.mc4wp = window.mc4wp || {
      listeners: [],
      forms: {
         on: function(evt, cb) {
            window.mc4wp.listeners.push(
               {
                  event   : evt,
                  callback: cb
               }
            );
         }
      }
   }
})();

    /*----------------
                   Wow
        ---------------------*/
        new WOW().init();

        /*------------------------
                Back To Top
        --------------------------*/
        jQuery('#back-to-top').fadeOut();
        jQuery(window).on("scroll", function() {
            if (jQuery(this).scrollTop() > 250) {
                jQuery('#back-to-top').fadeIn(1400);
            } else {
                jQuery('#back-to-top').fadeOut(400);
            }
        });
        jQuery('#top').on('click', function() {
            jQuery('top').tooltip('hide');
            jQuery('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });



    });
})(jQuery);