function changePage(select) {
    const selectedImg = select.value;
    const previewContainer = document.getElementById("previewContainer");
    const imageBox = document.getElementById("imageBox");
    const mangaImage = document.getElementById("mangaImage");

    if (selectedImg === "preview") {
        previewContainer.style.display = "block";
        imageBox.style.display = "none";
    } else {
        previewContainer.style.display = "none";
        mangaImage.src = selectedImg;
        imageBox.style.display = "block";
    }
}

function showImage(imgSrc) {
    const drop = document.getElementById("drop");
    drop.value = imgSrc;
    changePage(drop);

    // Прокрутка к изображению
    document.getElementById("imageBox").scrollIntoView({
        behavior: 'smooth',
        block: 'start'
    });
}

// Инициализация при загрузке
document.addEventListener('DOMContentLoaded', function() {
    // Убедимся, что превью отображается по умолчанию
    document.getElementById("previewContainer").style.display = "block";
    document.getElementById("imageBox").style.display = "none";
});