var opcion_menu = "";

//$(document).ready(function () {
$(window).on('load',function() {
setTimeout(() => {
	
    console.log("Load js in s3...");


	/* Cerrar menu flotante cuando el puntero del mouse sale de su area */

	$(".floating-nav").mouseout(function(){
    $(".floating-nav").css({"visibility": "hidden"});
    });

    $(".floating-nav, .floating-nav ul a").mouseover(function(){
    $(".floating-nav").css({"visibility": "visible"});
    });

    /********************************************************************/


    /* Menu sticky */

	window.onscroll = function() {menu_sticky()};

	//var navbar = document.getElementById("nav").className;
	$(".nav").attr("id", "nav");
	var navbar = document.getElementById("nav");
	var sticky = navbar.offsetTop;

	function menu_sticky() {
	  if (window.pageYOffset >= sticky) {
	    navbar.classList.add("sticky");

	    //console.log("logo-section: ", $(".sticky .main_menu .m1 li a").hasClass("logo-section"));

	    if ($(".sticky .main_menu .m1 li a").hasClass("logo-section") == false) {
	    $(".sticky .main_menu .m1 .menu0").after("<li class='logo-section-main'><a class='logo-section' href='/'><img src='https://beta.ellas.pa/pf/resources/images/ellas/Logo_Ellas.png?d=885' width='80'></a></li>");
	    //console.log("sticky1 false: ", $(".sticky .main_menu .m1 li a").hasClass("logo-section"));
	    }

	  } else {
	    navbar.classList.remove("sticky");
	    $(".logo-section-main").remove();
	    console.log('sticky off 1');
	  }
	}

	/********************************************************************/



    $(".nav-cross").click(function(){
        opcion_menu = this.id;

        if (opcion_menu == "belleza") {
        	opcion_menu = "belle";
        } else if (opcion_menu == "columnas") {
        	opcion_menu = "colum";
        }

        if($(".floating-nav ."+opcion_menu+" .nav-subitem").css('display') == 'none') {
            $(".floating-nav ."+opcion_menu+" .nav-subitem").css({"display": "block"});
            console.log("muestra menu: ", opcion_menu);
        } else if($('.floating-nav .'+opcion_menu+' .nav-subitem').css('display') == 'block') {
            $(".floating-nav ."+opcion_menu+" .nav-subitem").css({"display": "none"});
            $(".floating-nav ."+opcion_menu+" .nav-subitem").removeAttr("style");
        }
        console.log("option: ", opcion_menu);
        //console.log("option display 3: ", $(".floating-nav ."+opcion_menu+" .nav-subitem").css('display'));
    });

	
	/* lightbox boton newsletter */
	$(".ellas-homepage").before("<div id='splash_bk_newsletter'></div>");
	$(".ellas-homepage").before("<div class='splash_newsletter_main'></div>");

	$("#page-content").before("<div id='splash_bk_newsletter'></div>");
	$("#page-content").before("<div class='splash_newsletter_main'></div>");

	//iframe = '<iframe src="https://cdn.corprensa.com/ellas/benchmark/newsletter-form.html" width="100%" height="100%" scrolling="no"></iframe>'
	iframe = '<iframe src="https://cdn.corprensa.com/ellas/mautic/newsletter-form.html" width="100%" height="100%" scrolling="no"></iframe>'
	
	$(".splash_newsletter_main").html(iframe);

	$(".menu-right .newsletter-area").click(function() {

		$(".splash_newsletter_main").css({
		"display": "block"
		});

		$("#splash_bk_newsletter").fadeIn(500);

	});

	$(".footer-newsletter").click(function() {

		$(".splash_newsletter_main").css({
		"display": "block"
		});

		$("#splash_bk_newsletter").fadeIn(500);

	});


	$("#splash_bk_newsletter").click(function(){
		cierra_lightbox_newsletter();
	});

	function cierra_lightbox_newsletter() {

	  $("#splash_bk_newsletter").fadeOut(500);
	  $(".splash_newsletter_main").css("display","none");
	  
	}

	console.log("splash listo2a");
	
	/* fin lightbox boton newsletter */
	
	

/* Reordenamiento de banners */
// setTimeout(() => {
//     let width = $(window).width();
//     let bannerClass = "tagPublicidad";
//     console.log("window width = "+width);
//     if (width < 600) {
//         var storys = $('.story-box').length;
//         var banners = $("."+bannerClass).length;
//         $("."+bannerClass).each(function(index, element) {
//             // BORRAR EN PRODUCCION
//             $(this).prepend("<b style='color:blue;'>BANNER INDEX: </b>" + (index) + "<br>");
//         });
//         var bannerCount = 0;
//         $(".story-box").each(function(index, element) {
//             // $(this).css("order", index);
//             // BORRAR EN PRODUCCION
//             $(this).append("<b style='color:red;'>CONTENT INDEX: </b>" + (index));
//             if ( (index % 3 == 0) && (bannerCount <= banners) ) {
//                 $(this).after("<div class='"+bannerClass+"'>" + $("."+bannerClass).eq(bannerCount).html() + "</div>");
//                 // $(this).after($('.banner:nth-child('+ bannerCount +')'));
//             }
//             bannerCount++;
//         });
//         console.log("Storys: " + storys);
//         console.log("Banners: " + banners);
//     }
// }, 8000);

//}, 3000);
}, 200);
	
}); // end $(document).ready




/*************************************************************/
/*************************************************************/
//$(document).ready(function () {
$(window).on('load',function() {

/* sacar paginador de los storybox de secciones */
setTimeout(() => {
if ($(".section").length) { // aqui verifico si estoy en una seccion
copia_pager = $(".section .stories-box .pagination").detach();
$(".section .main-box-row .stories-box").after("<div class='pager1'></div>");
$(".section .main-box-row .pager1").html(copia_pager);
console.log("Pager secciones fue movido");
}
}, 300); // setTimeout(() => {
/************************************************/

}); // $(window).on('load',function() {




$(document).ready(function () {
//$(window).on('load',function() {


/* Insertar banner A desktop en medio de la descripcion del articulo */

setTimeout(() => {

//if ($(".article-body").length && (window.location.href.indexOf("/contenido-patrocinado/") < 0)) { // aqui verifico si estoy en un articulo

	/* if (window.location.hostname.indexOf("www.ellas.pa") > -1) {

	var num_article_body = $('.article-body').children().length;
	copia_ban_a = $(".bottom-widgets .all #div-gpt-ad-1646883875992-0").detach();
	console.log("**ban a article: ", copia_ban_a);

	if (num_article_body > 2) {
	$(".article-body").children().eq(1).after("<div class='desktop'></div>");
	$(".article-body .desktop").append(copia_ban_a);
	} else if (num_article_body == 1 || num_article_body == 2) {
	$(".article-body").children().eq(num_article_body).after("<div class='desktop'></div>");
	$(".article-body .desktop").append(copia_ban_a);
	} else if (num_article_body == 0) {
	$(".article-body").append("<div class='desktop'></div>");
	$(".article-body .desktop").append(copia_ban_a);
	}
	
	} */
	
	/****/
	
	//articulos
	//if (window.location.hostname.indexOf("beta.ellas.pa") > -1) {

	if (window.location.href.indexOf("/contenido-patrocinado/") < 0 && window.location.href.indexOf("/horoscopo/") < 0) {


	if (Fusion.layout == "ellas-article") {
	//if (screen.width > 1024) {
		
		console.log ('********** articulos4 desktop **********');
		
		console.log ('article1: ', window.location.href.indexOf('/contenido-patrocinado/'));
		
		num_parrafos = $('.article-body p').length;
		num_ban = $('.banner').length;
		num_ban_desktop = $('.bottom-widgets .all').length;
		
		//console.log ('num_parrafos0: ', num_parrafos);
		
		if (num_ban_desktop > 0 && num_ban_desktop < 2) {
		num_ban_desktop = 2;
		console.log ('solo 1 banner: ', num_ban_desktop);
		}

		$(".bottom-widgets .all").each(function(indice) {
		$(this).addClass("banner_m"+indice);
		});

		//Recorre todos los parrafos en el articulo
		$('.article-body p').each(function(indice) {
		$(this).addClass("parrafo"+indice);
		});

		console.log ('num_parrafos1: ', num_parrafos);
		console.log ('num_banners: ', num_ban);
		console.log ('num_banners desktop: ', num_ban_desktop);

		cont = 0;
		banner = 0;
		last_p = 0;
		
		var total_p = $('.article-body p').length;
		
		$('.article-body p').each(function(indice) {

			cont = cont + 1;
			
			//console.log ('indice insertar6: ', indice);

			if (cont == 4) {

			cont = 0;

			copia_banner = $(".banner_m"+banner).detach();
			$(".parrafo"+indice).after(copia_banner);
			//console.log ('banner insertado: ', banner + " indice: " + indice);
			
			if (indice === total_p - 1) { // Si no existe ultimo elemento p, inserta el banner.
			console.log ('ultimo elemento p: ', indice + " total: " + total_p);
			
				if ($("p").hasClass(".parrafo"+indice) == false) {
					
					last_p = indice - 1;
					
					$(".parrafo"+last_p).after(copia_banner);
					console.log ('parrafo no existe y se inserto banner: ', indice + " last_p: " + last_p);
				}
			
			}
			
			banner = banner + 1;
			
			//console.log ('banner insertado: ', banner + " indice: " + indice);

			}

		});
		
		console.log ('*******************************');
		
	//}
	}
	
	
	} // end if (window.location.href.indexOf("/contenido-patrocinado/") < 0) {


	//if (window.location.href.indexOf("/contenido-patrocinado/") < 0 && window.location.href.indexOf("/horoscopo/") < 0) {
	//console.log ('********** articulos desktop fuera 1 **********');
	if (window.location.href.indexOf('/horoscopo/') > -1) {

	if (Fusion.layout == "ellas-article") {
	
		console.log ('********** articulos desktop 5 **********');
	
		$("#div-gpt-ad-1646883875992-0").parent().addClass("mover_modelo_a");
		$("#div-gpt-ad-1646883212625-0").parent().addClass("mover_modelo_b");
		$("#div-gpt-ad-1646883392763-0").parent().addClass("mover_modelo_c");
		
		$("#CÁNCER p").after($(".mover_modelo_a"));
		$("#LIBRA p").after($(".mover_modelo_b"));
		$("#CAPRICORNIO p").after($(".mover_modelo_c"));
	
	}

	}



	if (Fusion.layout == "ellas-frontpage") {
	
	if (screen.width > 1141) {

		console.log ('********** home desktop 1 **********');
	
		$("#div-gpt-ad-1646883875992-0").parent().addClass("modelo_a_main banner_move");
		$("#div-gpt-ad-1646883392763-0").parent().addClass("modelo_c_main banner_move");
		$("#div-gpt-ad-1646883501629-0").parent().addClass("modelo_d_main banner_move");
		$("#div-gpt-ad-1646883604551-0").parent().addClass("modelo_e_main banner_move");
	
	}

	}




//}

}, 300); // setTimeout(() => {




setTimeout(() => {

console.log("** hostname: ", window.location.hostname);
//console.log("**hostname indexof: ", window.location.hostname.indexOf("beta.ellas.pa"));


/* url_ellas = window.location.href;
num_slashes = url_ellas.split("/").length - 1;
console.log ('** num_slashes1: ', num_slashes);
if (num_slashes == 3) {
console.log ('** Es la Portada2');
} */


//console.log("** Entro a beta");

/* $("#page-content").before('<div class="consola">screen.width'+screen.width+'</div>');
$(".consola").css({"position": "fixed"});
$(".consola").css({"bottom": "0px"}); */

// Obtener el tamaño del navegador
//var nav_ancho = window.innerWidth;
//var nav_alto = window.innerHeight;

/* console.log("** Ancho navegador: ", window.innerWidth);
console.log("** Ancho web: ", document.documentElement.scrollWidth);
console.log("** Ancho screen: ", screen.width); */



/************************/
/** Ancho menor a 800 ***/


//portada
if (window.location.hostname.indexOf("www.ellas.pa") > -1) {

if (Fusion.layout == "ellas-frontpage") {

if (screen.width < 800) {

//console.log("** Entro a mobile1: ");

num_notas = jQuery("article[id='post-card']").length;
num_ban = $('.banner').length;
num_ban_mobile = $('.all').length;
//num_ban_mobile = num_ban_mobile - 1; //menos el banner-top


if (num_ban_mobile > 0 && num_ban_mobile < 2) {
num_ban_mobile = 2;
console.log ('solo 1 banner: ', num_ban_mobile);
}

salto_notas_tofixed = (num_notas / num_ban_mobile).toFixed();
salto_notas = salto_notas_tofixed;

//Recorre todos los banners
var x4 = "";
cont = -1;
$(".all").each(function(indice) {

	cont = cont + 1

	x4 = $(this).contents().find("iframe");

	if (x4.prevObject[1].innerHTML.indexOf("banner_top") > -1) {
	console.log ('** es banner top6: ', indice + " " + cont);
	console.log ('** x4: ', x4.prevObject[1].innerHTML);
	} else {
	//$(this).addClass("banner_m"+indice);
	$(this).addClass("banner_m"+cont);
	}

});

//Recorre todos los enlaces a articulos en portada
$(jQuery("article[id='post-card']")).each(function(indice) {

$(this).addClass("nota"+indice);

});


console.log ('num_notas a usar1: ', num_notas);
console.log ('num_banners: ', num_ban);
console.log ('num_banners mobile: ', num_ban_mobile);
console.log ('salto_notas int: ', salto_notas);


cont = 0;
banner = 1; //empieza en uno porque el modelo top no cuenta en el ordenamiento
$(jQuery("article[id='post-card']")).each(function(indice) {

cont = cont + 1;

if (cont == salto_notas) {

  cont = 0;

  copia_banner = $(".banner_m"+banner).detach();
  $(".nota"+indice).after(copia_banner);
  banner = banner + 1;
  console.log ('** banner insertado nota: ', indice);
  console.log ('** banner content: ', copia_banner);

}

});


} // end if (window.innerWidth < 800)


} // if (Fusion.layout == "ellas-frontpage") {

} // end of if (window.location.hostname.indexOf("www.ellas.pa")



//portada
if (window.location.hostname.indexOf("beta.ellas.pa") > -1) {



//if (num_slashes == 3) {
if (Fusion.layout == "ellas-frontpage") {

if (screen.width < 800) {

//console.log("** Entro a mobile1: ");

num_notas = jQuery("article[id='post-card']").length;
num_ban = $('.banner').length;
num_ban_mobile = $('.all').length;
num_ban_mobile = num_ban_mobile - 1; //menos el banner-top

if (num_ban_mobile > 0 && num_ban_mobile < 2) {
num_ban_mobile = 2;
console.log ('solo 1 banner: ', num_ban_mobile);
}

salto_notas_tofixed = (num_notas / num_ban_mobile).toFixed();
salto_notas = salto_notas_tofixed;

//Recorre todos los banners
console.log ('*** prueba7 ***');
var x4 = "";

$(".all").each(function(indice) {

	x4 = $(this).contents().find("iframe");

	if (x4.prevObject[1].innerHTML.indexOf("banner_top") > -1) {
	console.log ('** es banner top1: ', indice);
	console.log ('** x4: ', x4.prevObject[1].innerHTML);
	} else {
	$(this).addClass("banner_m"+indice);
	}

});

//Recorre todos los enlaces a articulos en portada
$(jQuery("article[id='post-card']")).each(function(indice) {

$(this).addClass("nota"+indice);

});


console.log ('num_notas a usar1: ', num_notas);
console.log ('num_banners: ', num_ban);
console.log ('num_banners mobile: ', num_ban_mobile);
console.log ('salto_notas int: ', salto_notas);


cont = 0;
banner = 0;
$(jQuery("article[id='post-card']")).each(function(indice) {

cont = cont + 1;

if (cont == salto_notas) {

  cont = 0;

  copia_banner = $(".banner_m"+banner).detach();
  $(".nota"+indice).after(copia_banner);
  banner = banner + 1;

}

});


} // end if (window.innerWidth < 800)


}



} // end of if (window.location.hostname.indexOf("beta.ellas.pa")






if (window.location.hostname.indexOf("beta.ellas.pa") > -1) {


/*************************/
/** Ancho mayor a 1024 ***/

if (screen.width > 1024) {

//secciones
if (location.pathname.indexOf("/moda") > -1 && Fusion.layout == "ellas-section") {


num_notas = jQuery("article[id='post-card']").length;
num_ban = $('.banner').length;
num_ban_desktop = $('.desktop').length;

console.log ('num_notas a usar: ', num_notas);
console.log ('num_banners: ', num_ban);
console.log ('num_banners desktop: ', num_ban_desktop);

//Recorre todos los banners
$(".desktop").each(function(indice) {

$(this).addClass("banner_m"+indice);

});

//Recorre todos los enlaces a articulos en portada
$(jQuery("article[id='post-card']")).each(function(indice) {

$(this).addClass("nota"+indice);

});



cont = 0;
banner = 0;
$(jQuery("article[id='post-card']")).each(function(indice) {

cont = cont + 1;

if (cont == 6) {

  cont = 0;

  /* copia_banner = $(".banner_m"+banner).detach();
  $(".nota"+indice).after(copia_banner);
  banner = banner + 1; */

  $(this).after('<article id="post-card" class="ban-reorden-section ban-reorden-section'+ banner +'"></article>');

  copia_banner = $(".banner_m"+banner).detach();
  $(".ban-reorden-section"+banner).append(copia_banner);
  banner = banner + 1;

  console.log ('** Se reordenaron los banners');

}

});


//console.log ('** window.location.href: ', window.location.href);


} // if (location.pathname.indexOf("/moda") > -1


} // end if (window.innerWidth > 1024)

/*************************/
/*************************/




// } // aqui si es portada, quitar coment


} // end of if (window.location.hostname.indexOf



/*************************/
/******** Prueba *********/
console.log ('******** Fusion.globalContent7 *********');
console.log ('** Fusion: ', Fusion);
console.log ('** Fusion Layout: ', Fusion.layout);
console.log ('** Fusion.globalContent: ', Fusion.globalContent);
console.log ('** Fusion.globalContent config: ', Fusion.globalContentConfig);
console.log ('** Fusion.globalContent article: ', Fusion.globalContent.type);
console.log ('** Fusion.globalContent seccion: ', Fusion.globalContent['q_results']);

if (Fusion.globalContent['q_results'] != undefined) {
console.log ('** Fusion.globalContent seccion: ', Fusion.globalContent['q_results'][0].node_type);
}

/*************************/
/*************************/





/*****************************************/
/*********** Notas Pixel RFI *************/

if (Fusion.layout == "ellas-article") {

	if (Fusion.globalContent.credits.by[0]._id == "RFI") {

		console.log ("** entro a ver notas RFI-1");
		$("body").append('<img src="https://wvvw.rfi.fr/bon.jour?pv=1&from=p&s=588397&p=syndication::ellas&s2=1&x1=[ES]&x6=[article]&x10=[syndication]&x17=[externe]" border="0" alt="" width="1" height="1" />');

	}

}

/*****************************************/
/*****************************************/






}, 850); // 1500 end setTimeout(() => {

/************************************************/

}); // $(document).ready(function () {






/* lightbox boton newsletter */

setTimeout(() => {

//$(window).load(function() {
$(window).on('load',function(){
console.log("Article galerry load");
});


/* Article gallery */
function clickSlide() {
	const clickPos = event.clientX / window.innerWidth;
	if (clickPos >= 0.5) {
	  incImage(1);
	} else {
	  incImage(-1);
	}
  }
  
  function handleOverlap(newImage) {
	toggleEventListeners(0);
	setTimeout(() => {
	  toggleTransition(0);
	  whichImage = newImage;
	  updateImage();
	  setTimeout(() => {
		toggleTransition(1);
		toggleEventListeners(1);
	  }, 200);
	}, slideTransition);
  }
  
  function detectOverlap() {
	const minImage = overlap;
	const maxImage = imageArray.length - overlap - 1;
	const moveBy = imageArray.length - overlap * 2;
	updateImage();
	if (whichImage > maxImage) {
	  handleOverlap(whichImage - moveBy);
	} else if (whichImage < minImage) {
	  handleOverlap(whichImage + moveBy);
	}
  }
  
  function incImage(incAmount = 1) {
	whichImage += incAmount;
	detectOverlap();
  }
  
  function createDopplegangers(ovr) {
	const slides = slideshowSlides.children;
	const cloneStart = [];
	const cloneEnd = [];
	for (let i = 0; i < ovr; i++) {
	  cloneStart.push(slides[i].cloneNode(true));
	  cloneEnd.push(slides[slides.length - 1 - i].cloneNode(true));
	}
	cloneStart.forEach(clone => {
	  slideshowSlides.appendChild(clone);
	});
	cloneEnd.forEach(clone => {
	  slideshowSlides.insertBefore(clone, slideshowSlides.children[0]);
	});
  }
  
  function handleImageLoading() {
	let i = imageArray.length;
  
	// possibly remove this setTimeout
	setTimeout(() => {
	  if (i > 0) {
		console.log("timed out, finishing setup");
		finishSetup();
	  }
	}, 8000);
  
	imageArray.forEach((img, index) => {
	  // if image is cached, i--, else i-- when image finishes loading
	  if (img.complete) {
		i--;
		console.log(`${index} was cached`);
	  } else {
		console.log(`creating onload for ${index}`);
		img.onload = function() {
		  i--;
		  console.log(`${index} loaded`);
		  console.log(`i = ${i}`);
		  if (i <= 0) {
			console.log("finishing setup");
			finishSetup();
		  }
		};
	  }
  
	  // wait until remaining images are loaded then finish setup
	  if (i <= 0) {
		console.log("finishing setup");
		finishSetup();
	  }
	});
  }
  
  function finishSetup() {
	updateWidthArray();
	createThumbs();
	window.addEventListener("resize", function() {
	  updateWidthArray();
	  updateImage();
	  updateThumbsWidth();
	});
	slideshowSlides.addEventListener("click", clickSlide);
	updateImage();
	console.log("SETUP COMPLETE, HAVE A NICE DAY");
  }
  
  function updateWidthArray() {
	imageArray.forEach((img, index) => {
	  imageWidthArray[index] = img.width + imageGap;
	});
  }
  
  function updateThumbsWidth() {
	const visibleThumbs = imageArray.length;
	const thumbSize =
	  window.getComputedStyle(slideshow).getPropertyValue("--thumb-size") * 1;
	const thumbsWidth =
	  visibleThumbs * thumbSize + (visibleThumbs - 1) * imageGap;
	slideshow.style.setProperty("--thumbs-width", thumbsWidth);
  }
  
  function createThumbs() {
	const thumbsWrapper = document.createElement("div");
	const thumbsDiv = document.createElement("div");
	thumbsWrapper.classList.add("js-slideshow__thumbs-wrapper");
	thumbsDiv.classList.add("js-slideshow__thumbs");
  
	imageArray.forEach((img, index) => {
	  const imageClone = img.cloneNode(true);
	  const imageFigure = document.createElement("figure");
	  imageFigure.classList.add("js-slideshow__thumb-image");
	  imageFigure.addEventListener("click", () => {
		whichImage = index;
		detectOverlap();
		updateImage();
	  });
	  imageFigure.appendChild(imageClone);
	  thumbsDiv.appendChild(imageFigure);
	});
  
	thumbsWrapper.appendChild(thumbsDiv);
	slideshow.appendChild(thumbsWrapper);
	updateThumbsWidth();
  }
  
  function toggleTransition(val) {
	const offsetTime = val * slideTransition / 1000 + "s";
	slideshow.style.setProperty("--offset-time", offsetTime);
  }
  
  function toggleEventListeners(toggle) {
	if (toggle === 0) {
	  slideshowSlides.removeEventListener("click", clickSlide);
	  slideshowSlides.removeEventListener("touchstart", handleTouchStart, false);
	  slideshowSlides.removeEventListener("touchmove", handleTouchMove, false);
	} else {
	  slideshowSlides.addEventListener("click", clickSlide);
	  slideshowSlides.addEventListener("touchstart", handleTouchStart, false);
	  slideshowSlides.addEventListener("touchmove", handleTouchMove, false);
	}
  }
  
  function getImagePos(arr, index) {
	const modIndex = index % arr.length;
  
	if (modIndex > 0) {
	  const leftArray = arr.slice(0, modIndex);
	  return (
		leftArray.reduce((total, amount) => total + amount) + arr[modIndex] * 0.5
	  );
	} else {
	  return arr[modIndex] * 0.5;
	}
  }
  
  function updateImage() {
	const thumbs = document.querySelectorAll(
	  "#jsSlideshow .js-slideshow__thumb-image"
	);
	clearInterval(autoUpdate);
	autoUpdate = setInterval(() => {
	  incImage();
	}, slideSpeed);
	const newOffset = getImagePos(imageWidthArray, whichImage);
	slideshow.style.setProperty("--offset", newOffset + "px");
	thumbs.forEach(thumb => {
	  thumb.classList.remove("js-slideshow__thumb-image--selected");
	});
	thumbs[whichImage].classList.add("js-slideshow__thumb-image--selected");
	thumbs[whichImage].scrollIntoView({
	  behavior: "auto",
	  block: "center",
	  inline: "center"
	});
  }

  function handleTouchStart(evt) {
	xDown = evt.touches[0].clientX;
	yDown = evt.touches[0].clientY;
  }
  
  function handleTouchMove(evt) {
	if (!xDown || !yDown) {
	  return;
	}
	var xUp = evt.touches[0].clientX;
	var yUp = evt.touches[0].clientY;
	var xDiff = xDown - xUp;
	var yDiff = yDown - yUp;
  
	if (Math.abs(xDiff) > Math.abs(yDiff)) {
	  /*most significant*/
	  if (xDiff > 0) {
		incImage(1);
	  } else {
		incImage(-1);
	  }
	}
  
	xDown = null;
	yDown = null;
  
}

	const slideshow = document.querySelector("#jsSlideshow");
	const slideshowSlides = slideshow.querySelector(".js-slideshow__slides");
	const slideSpeed = slideshow.dataset.speed * 1000;
	const slideTransition = slideshow.dataset.transition * 1000;
	const overlap = 3; // how many images are duplicated at beginning & end
	let whichImage = overlap;
	let autoUpdate = setInterval(() => {
	  incImage();
	}, slideSpeed);
	createDopplegangers(overlap);
	const imageArray = slideshowSlides.querySelectorAll("img");
	const imageGap = window.getComputedStyle(slideshow).getPropertyValue("--image-gap") * 1;
	const imageWidthArray = [];
	handleImageLoading();
	toggleTransition(1);
	
	// swipe gestures from https://stackoverflow.com/questions/15084675/how-to-implement-swipe-gestures-for-mobile-devices
	slideshowSlides.addEventListener("touchstart", handleTouchStart, false);
	slideshowSlides.addEventListener("touchmove", handleTouchMove, false);
	var xDown = null;
	var yDown = null;
  }, 3000);