// let items = document.querySelectorAll('.carousel .carousel-item')

// items.forEach((el) => {
//     const minPerSlide = 4
//     let next = el.nextElementSibling
//     for (var i=1; i<minPerSlide; i++) {
//         if (!next) {
//             next = items[0]
//         }
//         let cloneChild = next.cloneNode(true)
//         el.appendChild(cloneChild.children[0])
//         next = next.nextElementSibling
//     }
// })




// ========== Auto Cycling ===============
$(document).ready(function() {
   (function($) {
      $.fn.cycle = function(timeout, cls) {
         var l = this.length,
         current = 0,
         prev = -1,
         elements = this;

         function next() {
            elements.eq(prev).removeClass(cls);
            // or just `elements.removeClass(cls);`
            elements.eq(current).addClass(cls);
            prev = current;
            current = (current + 1) % l; // modulo for wrap around
            setTimeout(next, timeout);
         }
         setTimeout(next, timeout);
            return this;
         };
   }(jQuery));
});



// ========== Auto Circle Animation ===============
let count = 2
setInterval(function(){
      switch(count) {
         case 1:
            // $('.circle-spinner #Ellipse_2').css('stroke','#FFFD5D');
            $('#Ellipse_7').addClass('yellow');
            $('#Ellipse_7').removeClass('green');
            $('.bg-circle').css('stroke','#12D075');
            $('#user-app-img').attr("src", "assets/img/new-user-app1.png");
            
            count++
            break;
         
         case 2:
            // $('.circle-spinner #Ellipse_2').css('stroke','#8EF6FF');
            $('#Ellipse_7').addClass('paste');
            $('#Ellipse_7').removeClass('yellow');
            $('.bg-circle').css('stroke','#FFFD5D');
            $('#user-app-img').attr("src", "assets/img/new-user-app2.png");
            
            count++
            break;
         
         case 3:
            // $('.circle-spinner #Ellipse_2').css('stroke','#12D075'); 
            $('#Ellipse_7').addClass('green');
            $('#Ellipse_7').removeClass('paste');
            $('.bg-circle').css('stroke','#8EF6FF');
            $('#user-app-img').attr("src", "assets/img/new-user-app3.png");
            
            count = 1
            break;
      }
      
}, 5000);