 

function stickyHeader() {

    if ($('.menubar').length) {

        var strickyScrollPos = 100;

        if ($(window).scrollTop() > strickyScrollPos) {

            $('.menubar').addClass('stricky-fixed');

        } else if ($(this).scrollTop() <= strickyScrollPos) {

            $('.menubar').removeClass('stricky-fixed');

        }

    };

}



jQuery(window).on('scroll', function () {

    (function ($) {

        stickyHeader();

    })(jQuery);

});





if ($(".navigation").length) {

    $(".navigation .navbar button").on("click", function () {

        $(".navigation .menu").slideToggle();

        $(this).toggleClass('open');

        return false;

    });

    $(".navigation .cs-submenu").children("a").append(function () {

        return '<button class="dropdown-expander" title="dropdown"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg></button>';

    });



}



if (document.documentElement.clientWidth < 1023) {

    $(".navigation .menu .dropdown-expander").on("click", function () {

        $(this).parent().parent().children(".cs-dropdown").slideToggle();

        console.log($(this).parents("li"));

        console.log($(this).parents().children(".dropdown-expander").toggleClass("rotated"));

        return false

    })

    $(document).click(function (e) {

        if (!$(e.target).closest('.navigation .navbar button').length) {

            $('.navigation .menu').stop(true).slideUp();

            $(".navigation .navbar button").removeClass('open');



        }

    });

};




 


// Common SVG Arrows
const navArrows = [
  '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>',
  '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>'
];

// Common Carousel Init
function initCarousel(selector, options) {
  $(selector).owlCarousel(Object.assign({
    loop: true,
    margin: 10,
    navSpeed: 500,
    nav: false,
    dots: false,
    autoplay: false,
    items: 3,
    responsiveClass: true,
    responsive: {
      0: { items: 1 },
      600: { items: 1 },
      1024: { items: 3 },
      1100: { items: 3 }
    },
    onInitialized: function (event) {
      var $container = $(event.target);
      
      // Prev / Next buttons
      $container.find('.owl-prev').attr('title', 'Previous');
      $container.find('.owl-next').attr('title', 'Next');
      
      // Dots buttons
      $container.find('.owl-dot').each(function(index){
        $(this).attr('title', 'Go to Slide ' + (index + 1));
      });
    }
  }, options));
}

// Carousels
initCarousel("#featuredProducts", { nav: true, navText: navArrows });

initCarousel(".blogs", {
  loop: false,
  dots: true,
  nav: true,
  navText: navArrows,
  responsive: { 0:{items:1},600:{items:1},768:{items:2},1024:{items:3} }
});

initCarousel("#testimonials", {
  margin: 20,
  autoplay: true,
  slideTransition: 'linear',
  autoplayTimeout: 5000,
  autoplaySpeed: 5000
});

initCarousel("#clients", {
  margin: 15,
  dots: true,
  autoplay: true,
  items: 6,
  responsive: { 0:{items:2},600:{items:2},1024:{items:6} }
});





wow = new WOW({

    animateClass: 'animated',

    offset: 100,

    mobile: false

});

wow.init();

$(window).on('scroll', function () {

    if ($(this).scrollTop() > 100) {

        $('#web-pulse-scroll-up').fadeIn();

    } else {

        $('#web-pulse-scroll-up').fadeOut();

    }

});

$('#web-pulse-scroll-up').on('click', function () {

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

        scrollTop: 0

    }, 600);

    return false;

});





$('#thumbs img').click(function () {

    $('#largeImage').attr('src', $(this).attr('src').replace('thumb', 'large'));

    if ($(this).hasClass("active")) {

        $("#thumbs img").removeClass("active");

    } else {

        $("#thumbs img").removeClass("active");

        $(this).addClass("active");

    }

});





// ================= Counter ===================



