// Весь JavaScript-код из текущего <script>
        $(document).ready(function() {
            // Мировой океан		
            const mapLeftM = 52;  // Левый край карты в пикселях
            const mapTopM = 48;   // Верхний край карты в пикселях
            const mapRightM = 1240;  // Правый край карты в пикселях
            const mapBottomM = 639;  // Нижний край карты в пикселях
            // Арктика, Антарктика
            const mapLeftA = 103;  // Левый край карты в пикселях Арктика, Антарктика
            const mapTopA = 64;   // Верхний край карты в пикселях   64  108
            const mapRightA = 692;  // Правый край карты в пикселях  
            const mapBottomA = 668;  // Нижний край карты в пикселях  668  420

//          Определение проекции Plate Carrée (EPSG:4326) для Мирового океана
            proj4.defs("EPSG:4326", "+proj=longlat +datum=WGS84 +no_defs");

//          Определение Северной полярной стереографической проекции (EPSG:3413)
            proj4.defs("ESRI:102018", "+proj=stere +lat_0=90 +lon_0=0 +k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs");

//          Определение Южной полярной стереографической проекции (EPSG:3031)
            proj4.defs("ESRI:102021", "+proj=stere +lat_0=90 +lon_0=0 +k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs");
            // Функция для преобразования (x, y) в (lon, lat)
            function getLonLat(x, y, region) {
    let mapLeft, mapTop, mapRight, mapBottom, projection;

    switch (region) {
        case 'Арктика':
            mapLeft = mapLeftA;
            mapTop = mapTopA;
            mapRight = mapRightA;
            mapBottom = mapBottomA;
            projection = "ESRI:102018"; // Северная полярная проекция
            break;
        case 'Антарктика':
            mapLeft = mapLeftA;
            mapTop = mapTopA;
            mapRight = mapRightA;
            mapBottom = mapBottomA;
            projection = "ESRI:102021"; // Южная полярная проекция
            break;
        case 'Мировой океан':
            mapLeft = mapLeftM;
            mapTop = mapTopM;
            mapRight = mapRightM;
            mapBottom = mapBottomM;
            projection = "EPSG:4326"; // Plate Carrée
            break;    
        default: // Мировой океан
            mapLeft = mapLeftM;
            mapTop = mapTopM;
            mapRight = mapRightM;
            mapBottom = mapBottomM;
            projection = "EPSG:4326"; // Plate Carrée
            break;
    }

    console.log('mapLeft:', mapLeft, 'mapTop:', mapTop, 'mapRight:', mapRight, 'mapBottom:', mapBottom);
    console.log('x:', x, 'y:', y);

    if (x >= mapLeft && x <= mapRight && y >= mapTop && y <= mapBottom) {
        const mapX = x - mapLeft;
        const mapY = y - mapTop;

        let lon, lat;

        if (region === 'Мировой океан') {
            lon = -180 + (mapX / (mapRight - mapLeft)) * 360;
            lat = 90 - (mapY / (mapBottom - mapTop)) * 180;
            console.log('Долгота (Plate Carrée):', lon, 'Широта:', lat);

            const point = proj4("EPSG:4326", [lon, lat]);
            return { lon: point[0], lat: point[1] };
        } else {
    console.log('Используем полярные проекции');

    // Нормализация координат
    // Находим центр карты
    const centerX = (mapRight - mapLeft) / 2;
    const centerY = (mapBottom - mapTop) / 2;

    // Вычисляем смещение курсора относительно центра
    const offsetX = mapX - centerX;
    const offsetY = mapY - centerY;

    // Нормализуем смещение
    const normalizedX = offsetX / centerX; // Диапазон [-1, 1]
    const normalizedY = offsetY / centerY; // Диапазон [-1, 1]
    console.log('Нормализованные координаты:', normalizedX, normalizedY);
    
    // Масштабирование в метры
    const meterX = normalizedX * 3329743; // Подбери коэффициент
    const meterY = normalizedY * 3329743;
    console.log('Координаты в метрах:', meterX, meterY);

    // Преобразование в долготу и широту
    let point;
    if (region === 'Арктика') {
        point = proj4("ESRI:102018", "EPSG:4326", [meterX, meterY]); // Северная полярная проекция
        if (point[0] > 0){
            point[0] = 180.-point[0]}
        else{ 
            point[0] = (point[0]+180) * (-1)}
    } else if (region === 'Антарктика') {
        point = proj4("ESRI:102021", "EPSG:4326", [meterX, meterY]); // Южная полярная проекция
        point[1] = point[1] * (-1)        
    } else {
        console.error('Неизвестный регион:', region);
        return null;
    }

    console.log('Преобразованные координаты:', point);
    return { lon: point[0], lat: point[1] };
        }
    } else {
        console.log('Курсор за пределами карты');
        return null;
    }
}

                // Функция для изменения размеров контейнера в зависимости от региона
            function resizeMapContainer(region) {
                const $mapContainer = $('#map-container');

                switch (region) {
                    case 'Мировой океан':
                        $mapContainer.css({
                            width: '750px',
                            height: '500px'
                        });
                        break;
                    case 'Арктика':
                        $mapContainer.css({
                            width: '600px',
                            height: '600px'
                        });
                        break;
                    case 'Антарктика':
                        $mapContainer.css({
                            width: '600px',
                            height: '600px'
                        });
                        break;
                    default:
                        $mapContainer.css({
                            width: '750px',
                            height: '500px'
                        });
        }
    }

            // Обработчик отправки формы
            $('#paramsForm').on('submit', function(e) {
                e.preventDefault(); // Отменяем стандартное поведение формы

                // Получаем данные из формы
                const dat = $('#date').val();
                const par = $('#parameter').val();
                const reg = $('#region').val();
                const lev = $('#level').val();
                const displayType = $('#displayType').val(); // Получаем тип отображения
                // Определяем расширение файла
    		const fileExtension = displayType === 'animation' ? 'gif' : 'png';

                // Отправляем запрос на сервер
                $.ajax({
                    url: 'server1.php', // Указываем путь к PHP-скрипту
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({
                        dat,
                        par,
                        reg,
                        lev,
                        fileExtension // Добавляем параметр расширения
                    }),
                    success: function(response) {
        try {
            const data = typeof response === 'string' ? JSON.parse(response) : response;
            if (data.image) {
                $('#map-link')
                    .attr('href', data.image)
                    .find('img').attr('src', data.image);
                resizeMapContainer(reg);
            } else {
                alert(data.error || 'Неизвестная ошибка сервера');
            }
        } catch (e) {
            console.error('Ошибка парсинга ответа:', e, response);
            alert('Некорректный ответ сервера');
        }
    },
    error: function(xhr, status, error) {
        console.error('AJAX Error:', status, error, xhr.responseText);
        alert('Ошибка соединения: ' + error);
    }    
    
   }); 
       
  });     
            // Инициализация Fancybox
    $('[data-fancybox="gallery"]').fancybox({
        buttons: [
            "zoom",  // Кнопка масштабирования
            "slideShow",  // Слайд-шоу
            "fullScreen",  // Полноэкранный режим
            "download",  // Скачивание
            "thumbs",  // Миниатюры
            "close"  // Закрыть
        ],
        wheel: "zoom",  // Масштабирование колесиком мыши
        transitionEffect: "fade",  // Эффект перехода
        loop: true,  // Зациклить галерею
        
        afterShow: function(instance, current) {
    // Создаем блок для координат
    const $coords = $('<div id="coords"></div>');
    $('.fancybox-content').append($coords);

    const $img = $('.fancybox-image');
    let clickedPoint = null; // Для хранения координат клика

    // Обработчик движения мыши (как было)
    $('.fancybox-content').on('mousemove', function(e) {
        const imgOffset = $img.offset();
        const scaleX = $img.width() / $img[0].naturalWidth;
        const scaleY = $img.height() / $img[0].naturalHeight;
        const x = (e.pageX - imgOffset.left) / scaleX;
        const y = (e.pageY - imgOffset.top) / scaleY;
        const region = $('#region').val();
        const coords = getLonLat(x, y, region);

        if (coords) {
            $coords.text(`Долгота: ${coords.lon.toFixed(2)}, Широта: ${coords.lat.toFixed(2)}`);
            clickedPoint = coords; // Сохраняем координаты
        } else {
            $coords.text('Курсор за пределами карты');
        }
    });

    // Обработчик клика по изображению
    $img.on('click', function() {
        if (!clickedPoint) return;

        // Заглушка данных (замените на запрос к вашему API!)
        const fakeData = {
            temp: (Math.random() * 30).toFixed(1) + "°C",
            salinity: (35 + Math.random()).toFixed(1) + " PSU",
            depth: (Math.random() * 4000).toFixed(0) + " м"
        };

        // Показываем всплывающее окно
Swal.fire({
    title: `🌊 Данные океана`,
    html: `
        <div style="text-align: left;">
            <b>Координаты:</b> ${clickedPoint.lon.toFixed(2)}, ${clickedPoint.lat.toFixed(2)}<br>
            <b>Температура:</b> ${fakeData.temp}<br>
            <b>Солёность:</b> ${fakeData.salinity}<br>
            <b>Глубина:</b> ${fakeData.depth}<br>
            <label>
                <input type="checkbox" id="swal2-show-profile" class="swal2-checkbox">
                Построить TS-профиль
            </label>
        </div>
    `,
    icon: 'info',
    showCancelButton: true,
    confirmButtonText: 'Продолжить',
    cancelButtonText: 'Закрыть',
    focusConfirm: false,
    preConfirm: () => {
        return {
            showProfile: document.getElementById('swal2-show-profile').checked
        }
    }
}).then((result) => {
    if (result.isConfirmed && result.value.showProfile) {
        // Здесь код для построения TS-профиля
        buildTSProfile(clickedPoint.lon, clickedPoint.lat);
    }
});
    });
},
        afterClose: function() {
            // Убираем обработчик движения мыши после закрытия
            $('.fancybox-content').off('mousemove');
            $('#coords').remove(); // Удаляем блок координат
        }
    });
});