function CarouselImages(imageArray) {
  console.log(">> CarouselImages()");
  console.log(imageArray);
  var imageDelay = 3000;
  var fadeDuration = 420;
  var imageIndex = 1;
  var totalImages = imageArray.length;
  var currentImage = imageArray[imageIndex];
  console.log(currentImage);
  
  $(currentImage).delay(imageDelay).animate({opacity:1},fadeDuration,"linear",NextImage);
  
  function NextImage() {
    imageIndex++;
    if (imageIndex==totalImages) {
      console.log(">>> Cycle Completed <<<");
      for(var i=1;i<totalImages-1;i++) {$(imageArray[i]).css("opacity",0);}
      imageIndex = 0;
      $(currentImage).delay(imageDelay).animate({opacity:0},fadeDuration,"linear",NextImage);
    } else {
      console.log(">>> Fade Completed <<<");
      currentImage = imageArray[imageIndex];
      $(currentImage).delay(imageDelay).animate({opacity:1},fadeDuration,"linear",NextImage);
    }
    
  }
  
}

CarouselImages(document.querySelectorAll(".banner_image.carousel"));