document.addEventListener("DOMContentLoaded",(function(){const lightboxViews=document.querySelectorAll(".lightbox-view");let currentImageIndex=0;const totalImages=lightboxViews.length;function showLightbox(clickedElement){const imageUrl=getImageUrl(clickedElement),lightbox=document.createElement("div");lightbox.classList.add("lightbox"),lightbox.id="lightbox";const imageContainer=document.createElement("div");imageContainer.classList.add("lightbox-image-container");const image=document.createElement("img");image.setAttribute("src",imageUrl);const closeButton=document.createElement("span");closeButton.classList.add("lightbox-close"),closeButton.innerHTML="×",closeButton.addEventListener("click",(function(){lightbox.remove()}));const imageCount=document.createElement("p");imageCount.classList.add("lightbox-count"),imageCount.innerHTML=currentImageIndex+1+" / "+totalImages,imageContainer.appendChild(image),imageContainer.appendChild(closeButton),imageContainer.appendChild(imageCount);const controlsContainer=document.createElement("div");controlsContainer.classList.add("lightbox-controls-container");const prevButton=document.createElement("span");prevButton.classList.add("lightbox-prev"),prevButton.innerHTML="❮",prevButton.addEventListener("click",(function(){currentImageIndex=(currentImageIndex-1+totalImages)%totalImages,updateLightboxImage()}));const nextButton=document.createElement("span");nextButton.classList.add("lightbox-next"),nextButton.innerHTML="❯",nextButton.addEventListener("click",(function(){currentImageIndex=(currentImageIndex+1)%totalImages,updateLightboxImage()})),controlsContainer.appendChild(prevButton),controlsContainer.appendChild(nextButton),imageContainer.appendChild(controlsContainer),lightbox.appendChild(imageContainer),lightbox.addEventListener("click",(function(event){event.target===lightbox&&lightbox.remove()})),document.body.appendChild(lightbox)}function updateLightboxImage(){const imageUrl=getImageUrl(lightboxViews[currentImageIndex]),lightboxImage=document.querySelector("#lightbox img");lightboxImage.setAttribute("src",imageUrl);const imageCount=document.querySelector(".lightbox-count");imageCount.innerHTML=currentImageIndex+1+" / "+totalImages}function getImageUrl(element){if("IMG"===element.tagName){const dataSrc=element.getAttribute("data-src"),src=element.getAttribute("src");return dataSrc||src}if("A"===element.tagName)return element.getAttribute("href")}lightboxViews.forEach((function(view,index){view.addEventListener("click",(function(event){event.preventDefault(),currentImageIndex=index,showLightbox(view)}))}))}));