$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    autoplay:true,
    autoplayTimeout:2300,
    autoplayHoverPause:false,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})

 
    $(document).ready(function() {
        // Ciblez le méga menu pour l'animation avec Anime.js
        var megaMenu = $("#megaMenu");

        // Anime.js animation pour l'ouverture du méga menu
        $("#openMegaMenu").click(function() {
            megaMenu.css('display', 'block');
            anime({
                targets: megaMenu[0],
                opacity: 1,
                duration: 500,
                easing: 'easeInOutQuad'
            });
        });

        // Anime.js animation pour la fermeture du méga menu
        megaMenu.click(function(event) {
            if (event.target === this) {
                anime({
                    targets: megaMenu[0],
                    opacity: 0,
                    duration: 500,
                    easing: 'easeInOutQuad',
                    complete: function() {
                        megaMenu.css('display', 'none');
                    }
                });
            }
        });

 
        const itemsPerPage = 5; // Nombre d'éléments par page
        const totalItems = 50; // Nombre total d'éléments (ajustez selon vos besoins)
        let currentPage = 1;
      
        function generatePagination() {
          const totalPages = Math.ceil(totalItems / itemsPerPage);
          const paginationElement = $('#pagination');
          paginationElement.empty();
      
          // Bouton "Précédent"
          paginationElement.append('<li class="page-item"><a class="page-link" href="#" id="prev-page">Précédent</a></li>');
      
          for (let i = 1; i <= totalPages; i++) {
            const pageClass = (i === currentPage) ? 'active' : '';
            paginationElement.append(`<li class="page-item ${pageClass}"><a class="page-link" href="#" data-page="${i}">${i}</a></li>`);
          }
      
          // Bouton "Suivant"
          paginationElement.append('<li class="page-item"><a class="page-link" href="#" id="next-page">Suivant</a></li>');
        }
      
        function updatePage(newPage) {
          currentPage = newPage;
          generatePagination();
          // Mettez ici votre logique pour mettre à jour le contenu de la page en fonction de la nouvelle page.
        }
      
        // Initialisation de la pagination
        generatePagination();
      
        // Événement pour aller à une page spécifique
        $('#pagination').on('click', 'a.page-link', function(e) {
          e.preventDefault();
          const newPage = parseInt($(this).data('page'));
          if (!isNaN(newPage)) {
            updatePage(newPage);
          }
        });
      
        // Événement pour passer à la page précédente
        $('#prev-page').on('click', function(e) {
          e.preventDefault();
          if (currentPage > 1) {
            updatePage(currentPage - 1);
          }
        });
      
        // Événement pour passer à la page suivante
        $('#next-page').on('click', function(e) {
          e.preventDefault();
          const totalPages = Math.ceil(totalItems / itemsPerPage);
          if (currentPage < totalPages) {
            updatePage(currentPage + 1);
          }
        });
      
        // Événement pour aller à une page spécifique en cliquant sur le bouton "Aller"
        $('#go-to-page').on('click', function() {
          const newPage = parseInt($('#page-number').val());
          if (!isNaN(newPage) && newPage >= 1 && newPage <= totalPages) {
            updatePage(newPage);
          }
        });
      
        // Événement pour les boutons de démonstration
        $('.demo-button').on('click', function() {
          const newPage = parseInt($(this).data('page'));
          if (!isNaN(newPage)) {
            updatePage(newPage);
          }
        });
      });



      var btn = document.getElementById("btn");
var menu = document.getElementById("menu");

//Toggle
btn.addEventListener(
	"click",
	function (e) {
		menu.classList.toggle("open");
	},
	false
);

 
 

      
 
