.. название: Калькулятор бюджета оптической линии связи
.. пуля: калькулятор бюджета оптической линии связи
.. дата: 10.01.2026 14:00:00 UTC
.. тэги: сеть, оптоволокно, калькулятор, инструмент, оптический, Ethernet
.. категория: Калькуляторы
.. ссылка:
.. описание: Расчет бюджета оптической линии связи для развертывания оптоволокна. Определите, будет ли ваш оптоволоконный канал работать с конкретными модулями SFP, проанализировав баланс мощности, затухание и потери в разъемах.
.. тип: текст
<style>
    .calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .calc-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .calc-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .calc-header p {
        margin: 10px 0;
        opacity: 0.95;
        font-size: 15px;
    }

    .input-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .input-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .input-group.full-width {
        grid-column: 1 / -1;
    }

    .input-group label {
        font-weight: bold;
        font-size: 14px;
        color: rgba(255,255,255,0.95);
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .info-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 12px;
        cursor: help;
        font-style: normal;
    }

    .input-row {
        display: flex;
        gap: 10px;
    }

    .input-group input,
    .input-group select {
        padding: 12px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
        font-family: 'Courier New', monospace;
    }

    .input-group input {
        flex: 1;
    }

    .input-group select {
        min-width: 120px;
    }

    .input-group input:focus,
    .input-group select:focus {
        outline: none;
        border-color: #4CAF50;
        background: white;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

    .advanced-toggle {
        margin-top: 15px;
        padding: 10px;
        background: rgba(0,0,0,0.1);
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: all 0.3s ease;
    }

    .advanced-toggle:hover {
        background: rgba(0,0,0,0.15);
    }

    .advanced-toggle input[type="checkbox"] {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .advanced-toggle label {
        margin: 0;
        cursor: pointer;
        user-select: none;
        font-weight: normal;
    }

    .advanced-options {
        margin-top: 15px;
        padding: 20px;
        background: rgba(0,0,0,0.1);
        border-radius: 6px;
        display: none;
    }

    .advanced-options.show {
        display: block;
    }

    .calc-button {
        margin-top: 20px;
        padding: 14px 35px;
        font-size: 16px;
        background: #4CAF50;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        width: 100%;
    }

    .calc-button:hover {
        background: #45a049;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .calc-button:active {
        background: #3d8b40;
        transform: translateY(0);
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-top: 30px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        display: none;
    }

    .result-section.show {
        display: block;
    }

    .section-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-header.fail {
        background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    }

    .section-header.warning {
        background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
        color: #333;
    }

    .result-badge {
        padding: 8px 16px;
        background: rgba(255,255,255,0.2);
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
    }

    .summary-box {
        background: white;
        border: 2px solid #4CAF50;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .summary-box.fail {
        border-color: #dc3545;
    }

    .summary-box.warning {
        border-color: #ffc107;
    }

    .link-margin {
        font-size: 48px;
        font-weight: bold;
        color: #4CAF50;
        margin: 10px 0;
        font-family: 'Courier New', monospace;
    }

    .link-margin.fail {
        color: #dc3545;
    }

    .link-margin.warning {
        color: #ff9800;
    }

    .margin-label {
        font-size: 14px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #4CAF50;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 220px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
    }

    .data-value.highlight {
        color: #4CAF50;
        font-weight: bold;
        font-size: 18px;
    }

    .breakdown-table {
        width: 100%;
        margin-top: 20px;
        border-collapse: collapse;
        background: white;
        border-radius: 8px;
        overflow: hidden;
    }

    .breakdown-table th {
        background: #f5f5f5;
        padding: 12px;
        text-align: left;
        font-weight: bold;
        color: #555;
        border-bottom: 2px solid #e0e0e0;
    }

    .breakdown-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #f0f0f0;
        font-family: 'Courier New', monospace;
    }

    .breakdown-table tr:last-child td {
        border-bottom: none;
    }

    .breakdown-table .total-row {
        background: #f9f9f9;
        font-weight: bold;
    }

    .warning-message {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        padding: 15px;
        margin: 15px 0;
        border-radius: 4px;
        color: #856404;
    }

    .warning-message strong {
        color: #ff9800;
    }

    .copy-button {
        padding: 8px 16px;
        font-size: 14px;
        background: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .copy-button:hover {
        background: #0056b3;
    }

    .copy-button.copied {
        background: #28a745;
    }

    .info-box {
        margin-top: 30px;
        padding: 20px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        border-top: 3px solid #4CAF50;
    }

    .info-box h3 {
        margin-top: 0;
        color: #4CAF50;
        font-size: 20px;
    }

    .info-box h4 {
        color: #666;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .info-box p, .info-box li {
        line-height: 1.6;
        color: #555;
        margin: 10px 0;
    }

    .info-box ol, .info-box ul {
        margin-left: 20px;
    }

    .info-box code {
        background: #f5f5f5;
        padding: 2px 6px;
        border-radius: 3px;
        font-family: 'Courier New', monospace;
        color: #d63384;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .input-grid {
            grid-template-columns: 1fr;
        }

        .input-row {
            flex-direction: column;
        }

        .input-group select {
            width: 100%;
        }

        .data-row {
            flex-direction: column;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }

        .link-margin {
            font-size: 36px;
        }
    }
</style>
<div class="calc-container">
<div class="calc-header">
<h2>Калькулятор бюджета оптической линии связи</h2>
<p>Планируйте и проверяйте оптоволоконные каналы, рассчитывая бюджет мощности, потери на затухание и запасы связи. Определите, будет ли развертывание оптоволокна соответствовать минимальным требованиям к чувствительности приемника для конкретных модулей SFP/SFP+.</p>
<div class="input-grid">
<div class="input-group">
<label for="sfpModule">Тип модуля SFP/SFP+:<i class="info-icon" title="Select the transceiver module you plan to use">?</i>
</label>
<select id="sfpModule" onchange="onSfpChange()">
<option value="">-- Выберите модуль --</option>
<optgroup label="1 Gigabit Ethernet">
<option value="1000BASE-SX">1000BASE-SX (ММФ, 850 нм, 550 м)</option>
<option value="1000BASE-LX">1000BASE-LX (SMF/MMF, 1310 нм, 10 км)</option>
<option value="1000BASE-ZX">1000BASE-ZX (SMF, 1550 нм, 80 км)</option>
</optgroup>
<optgroup label="10 Gigabit Ethernet">
<option value="10GBASE-SR">10GBASE-SR (ММФ, 850 нм, 300 м)</option>
<option value="10GBASE-LR">10GBASE-LR (SMF, 1310 нм, 10 км)</option>
<option value="10GBASE-ER">10GBASE-ER (SMF, 1550 нм, 40 км)</option>
<option value="10GBASE-ZR">10GBASE-ZR (SMF, 1550 нм, 80 км)</option>
</optgroup>
<optgroup label="25 Gigabit Ethernet">
<option value="25GBASE-SR">25GBASE-SR (ММФ, 850 нм, 100 м)</option>
<option value="25GBASE-LR">25GBASE-LR (SMF, 1310 нм, 10 км)</option>
</optgroup>
<optgroup label="40 Gigabit Ethernet">
<option value="40GBASE-SR4">40GBASE-SR4 (ММФ, 850 нм, 100 м)</option>
</optgroup>
<optgroup label="100 Gigabit Ethernet">
<option value="100GBASE-SR4">100GBASE-SR4 (ММФ, 850 нм, 100 м)</option>
</optgroup>
</select>
</div>
<div class="input-group">
<label for="fiberType">Тип волокна:<i class="info-icon" title="Fiber cable type - automatically filtered based on SFP selection">?</i>
</label>
<select id="fiberType" onchange="onFiberChange()">
<option value="">-- Выберите волокно --</option>
<optgroup label="Single-Mode Fiber">
<option value="OS2">OS2 (одномодовый, 9/125 мкм)</option>
</optgroup>
<optgroup label="Multi-Mode Fiber">
<option value="OM3">OM3 (многомодовый, 50/125 мкм)</option>
<option value="OM4">OM4 (многомодовый, 50/125 мкм)</option>
<option value="OM5">OM5 (многомодовый, 50/125 мкм)</option>
</optgroup>
</select>
</div>
<div class="input-group">
<label for="distance">Расстояние ссылки:<i class="info-icon" title="Total fiber length between transceivers">?</i>
</label>
<div class="input-row">
<input id="distance" min="0" placeholder="Enter distance" step="0.001" type="number" value="5"/>
<select id="distanceUnit">
<option value="km">Километры</option>
<option value="m">Метры</option>
<option value="ft">Ноги</option>
</select>
</div>
</div>
<div class="input-group">
<label for="connectorPairs">Пары разъемов (патчи):<i class="info-icon" title="Number of mated connector pairs (typically 2-6)">?</i>
</label>
<input id="connectorPairs" max="20" min="0" placeholder="Number of connectors" type="number" value="4"/>
</div>
</div>
<div class="advanced-toggle">
<input id="showAdvanced" onchange="toggleAdvancedOptions()" type="checkbox"/>
<label for="showAdvanced">Показать дополнительные параметры (сращивания, пользовательские поля)</label>
</div>
<div class="advanced-options" id="advancedOptions">
<div class="input-grid">
<div class="input-group">
<label for="fusionSplices">Сварные соединения:</label>
<input id="fusionSplices" max="50" min="0" placeholder="Number of fusion splices" type="number" value="0"/>
</div>
<div class="input-group">
<label for="mechanicalSplices">Механические соединения:</label>
<input id="mechanicalSplices" max="50" min="0" placeholder="Number of mechanical splices" type="number" value="0"/>
</div>
<div class="input-group">
<label for="connectorLoss">Потери в разъеме (дБ/пара):<i class="info-icon" title="Typical: 0.5-0.75 dB per mated pair">?</i>
</label>
<input id="connectorLoss" max="3" min="0" placeholder="dB per pair" step="0.05" type="number" value="0.75"/>
</div>
<div class="input-group">
<label for="safetyMargin">Запас безопасности (дБ):<i class="info-icon" title="Accounts for aging, temperature, dirty connectors. Typical: 3 dB">?</i>
</label>
<input id="safetyMargin" max="10" min="0" placeholder="Safety margin" step="0.5" type="number" value="3"/>
</div>
</div>
</div>
<button class="calc-button" onclick="calculateLinkBudget()">Рассчитать ссылочный бюджет</button>
</div>
<div class="result-section" id="results">
<div class="section-header" id="resultHeader">
<span>Результаты расчета</span>
<span class="result-badge" id="resultBadge">ПРОХОДИТЬ</span>
</div>
<div class="section-content">
<div class="summary-box" id="summaryBox">
<div class="margin-label">Маржа ссылки</div>
<div class="link-margin" id="linkMarginDisplay">+5,2 дБ</div>
<div id="resultMessage" style="font-size: 16px; color: #666; margin-top: 10px;">Линк имеет достаточный запас мощности</div>
</div>
<div id="warningContainer"></div>
<h4 style="color: #555; margin-top: 20px;">Сводка бюджета мощности</h4>
<div class="data-row">
<div class="data-label">Мощность передачи (Tx):</div>
<div class="data-value" id="txPower">-</div>
</div>
<div class="data-row">
<div class="data-label">Чувствительность приемника (Rx):</div>
<div class="data-value" id="rxSensitivity">-</div>
</div>
<div class="data-row">
<div class="data-label">Доступный бюджет ссылки:</div>
<div class="data-value highlight" id="linkBudget">-</div>
</div>
<h4 style="color: #555; margin-top: 25px;">Распределение потерь</h4>
<table class="breakdown-table">
<thead>
<tr>
<th>Компонент потерь</th>
<th style="text-align: right;">Ценить</th>
<th style="text-align: right;">Потеря (дБ)</th>
</tr>
</thead>
<tbody id="lossBreakdown">
Заполнено JavaScript
</tbody>
</table>
<div style="margin-top: 20px; text-align: center;">
<button class="copy-button" onclick="copyResults()">Копировать результаты в буфер обмена</button>
</div>
</div>
</div>
<div class="info-box">
<h3>О расчетах бюджета оптической линии</h3>
<p>
<strong>Что такое ссылочный бюджет?</strong>Бюджет канала — это учет всех прибылей и потерь в волоконно-оптической системе передачи. Он определяет, достаточна ли оптическая мощность, полученная на детекторе, для надежной передачи данных.</p>
<h4>Основная формула:</h4>
<p><code>Link Margin = Link Budget - Total Loss - Safety Margin</code></p>
<p>Где:</p>
<ul>
<li><strong>Ссылка на бюджет</strong>= Мощность передачи (дБм) - Чувствительность приемника (дБм)</li>
<li><strong>Полная потеря</strong>= Затухание в волокне + Потери в соединителе + Потери на сращивании</li>
<li><strong>Маржа ссылки</strong>= Оставшийся бюджет мощности (для работоспособного канала должен быть положительным)</li>
</ul>
<h4>Значения затухания волокна:</h4>
<ul>
<li><strong>OS2 (Однорежимный)</strong>: 0,4 дБ/км при 1310 нм, 0,25 дБ/км при 1550 нм</li>
<li><strong>OM3 (многомодовый)</strong>: 3,0 дБ/км при 850 нм, 1,0 дБ/км при 1300 нм</li>
<li><strong>OM4 (многомодовый)</strong>: 3,0 дБ/км при 850 нм, 1,0 дБ/км при 1300 нм (лучшая полоса пропускания)</li>
<li><strong>OM5 (многомодовый)</strong>: 3,0 дБ/км при 850 нм (оптимизировано для SWDM)</li>
</ul>
<h4>Типичные значения потерь:</h4>
<ul>
<li><strong>Пары разъемов</strong>: 0,5–0,75 дБ на каждую сопряженную пару (SC, LC и т. д.)</li>
<li><strong>Сварные соединения</strong>: 0,1 дБ каждый (очень низкие потери)</li>
<li><strong>Механические соединения</strong>: по 0,3-0,5 дБ (выше, чем у fusion)</li>
</ul>
<h4>Почему запас прочности имеет значение:</h4>
<p>Запас безопасности в 3 дБ учитывает:</p>
<ul>
<li>Старение и деградация компонентов с течением времени</li>
<li>Изменения температуры, влияющие на выходную мощность лазера</li>
<li>Грязные или загрязненные разъемы</li>
<li>Изгиб волокна или потери, вызванные напряжением</li>
<li>Производственные допуски и погрешности измерений</li>
</ul>
<h4>Понимание результатов:</h4>
<ul>
<li><strong>ПАСС (Зеленый)</strong>: Запас связи ≥ 0 дБ. Ссылка должна работать надежно.</li>
<li><strong>ПРЕДУПРЕЖДЕНИЕ (Желтый)</strong>: Запас канала от 0 до -1 дБ. Может сработать, но рискованно. Очистите разъемы и повторите проверку.</li>
<li><strong>НЕУДАЧА (красный)</strong>: Запас связи &lt; -1 дБ. Ссылка скорее всего не установится или будет иметь ошибки. Требуется другой SFP, более короткое расстояние или лучшее волокно.</li>
</ul>
<h4>Ограничения по расстоянию:</h4>
<p>Помимо бюджета мощности, оптоволоконные линии также ограничены:</p>
<ul>
<li><strong>Хроматическая дисперсия</strong>: Ограничивает одномодовые соединения на более высоких скоростях.</li>
<li><strong>Модальная дисперсия</strong>: Ограничивает многомодовые каналы в зависимости от полосы пропускания (МГц·км).</li>
<li><strong>Стандарты IEEE</strong>: укажите максимальные расстояния для каждого типа трансивера.</li>
</ul>
<h4>Лучшие практики:</h4>
<ul>
<li>Всегда очищайте разъемы перед тестированием или развертыванием.</li>
<li>Используйте правильный радиус изгиба (обычно в 10 раз больше диаметра кабеля).</li>
<li>Убедитесь, что тип волокна соответствует требованиям модуля SFP.</li>
<li>Документирование измерений мощности для справки по базовой линии</li>
<li>Используйте OTDR для длинных или сложных соединений с множеством соединений.</li>
<li>Учитывайте условия окружающей среды (температура, влажность).</li>
</ul>
<h4>Ссылки на стандарты:</h4>
<ul>
<li><strong>ИЭЭЭ 802.3</strong>: Стандарты Ethernet для оптоволокна.</li>
<li><strong>ТИА-568</strong>: Стандарт кабельной разводки коммерческих зданий.</li>
<li><strong>МСЭ-Т G.652</strong>: Характеристики одномодового волокна (OS2)</li>
<li><strong>МЭК 60793</strong>: Характеристики оптического волокна</li>
</ul>
<h4>Устранение неполадок с высокими потерями:</h4>
<p>Если по вашей ссылке не удалось выполнить расчет бюджета:</p>
<ol>
<li>Тщательно очистите все разъемы с помощью подходящих инструментов для чистки оптоволокна.</li>
<li>Осмотрите разъемы на наличие царапин и повреждений (используйте оптоволоконный микроскоп).</li>
<li>Убедитесь, что используется правильный тип волокна.</li>
<li>Проверьте оптоволоконный кабель на наличие острых изгибов и перегибов.</li>
<li>Проверьте отдельные патч-корды, чтобы изолировать плохие перемычки.</li>
<li>Рассмотрите возможность использования более мощного SFP или более чувствительного приемника.</li>
<li>Если возможно, сократите количество точек подключения.</li>
</ol>
</div>
</div>
<script>
// SFP Module Database with IEEE 802.3 specifications
const SFP_MODULES = {
    "1000BASE-SX": {
        name: "1000BASE-SX",
        speed: "1 Gbps",
        txPowerMin: -9.5,
        txPowerMax: -3.0,
        rxSensitivity: -17.0,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 550, "OM4": 550, "OM5": 550 }, // meters
        description: "Short-reach multimode"
    },
    "1000BASE-LX": {
        name: "1000BASE-LX",
        speed: "1 Gbps",
        txPowerMin: -9.5,
        txPowerMax: -3.0,
        rxSensitivity: -19.0,
        wavelength: 1310,
        fiberTypes: ["OS2", "OM3", "OM4"],
        maxDistance: { "OS2": 10000, "OM3": 550, "OM4": 550 }, // meters
        description: "Long-reach single/multimode"
    },
    "1000BASE-ZX": {
        name: "1000BASE-ZX",
        speed: "1 Gbps",
        txPowerMin: -2.0,
        txPowerMax: 3.0,
        rxSensitivity: -23.0,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 80000 }, // meters
        description: "Extended-reach single-mode"
    },
    "10GBASE-SR": {
        name: "10GBASE-SR",
        speed: "10 Gbps",
        txPowerMin: -7.3,
        txPowerMax: -1.0,
        rxSensitivity: -11.1,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 300, "OM4": 400, "OM5": 400 }, // meters
        description: "Short-reach multimode"
    },
    "10GBASE-LR": {
        name: "10GBASE-LR",
        speed: "10 Gbps",
        txPowerMin: -8.2,
        txPowerMax: 0.5,
        rxSensitivity: -14.4,
        wavelength: 1310,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 10000 }, // meters
        description: "Long-reach single-mode"
    },
    "10GBASE-ER": {
        name: "10GBASE-ER",
        speed: "10 Gbps",
        txPowerMin: -4.7,
        txPowerMax: 4.0,
        rxSensitivity: -15.8,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 40000 }, // meters
        description: "Extended-reach single-mode"
    },
    "10GBASE-ZR": {
        name: "10GBASE-ZR",
        speed: "10 Gbps",
        txPowerMin: 0.0,
        txPowerMax: 4.0,
        rxSensitivity: -24.0,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 80000 }, // meters
        description: "Extended-reach single-mode"
    },
    "25GBASE-SR": {
        name: "25GBASE-SR",
        speed: "25 Gbps",
        txPowerMin: -6.0,
        txPowerMax: 2.4,
        rxSensitivity: -10.0,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 70, "OM4": 100, "OM5": 100 }, // meters
        description: "Short-reach multimode"
    },
    "25GBASE-LR": {
        name: "25GBASE-LR",
        speed: "25 Gbps",
        txPowerMin: -6.5,
        txPowerMax: 2.4,
        rxSensitivity: -13.0,
        wavelength: 1310,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 10000 }, // meters
        description: "Long-reach single-mode"
    },
    "40GBASE-SR4": {
        name: "40GBASE-SR4",
        speed: "40 Gbps",
        txPowerMin: -7.6,
        txPowerMax: 2.4,
        rxSensitivity: -9.9,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 100, "OM4": 150, "OM5": 150 }, // meters
        description: "Short-reach multimode (4 lanes)"
    },
    "100GBASE-SR4": {
        name: "100GBASE-SR4",
        speed: "100 Gbps",
        txPowerMin: -7.6,
        txPowerMax: 2.4,
        rxSensitivity: -9.9,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 70, "OM4": 100, "OM5": 150 }, // meters
        description: "Short-reach multimode (4 lanes)"
    }
};

// Fiber specifications
const FIBER_TYPES = {
    "OS2": {
        name: "OS2 (Single-mode)",
        attenuation: {
            850: 999,    // Not used at this wavelength
            1310: 0.4,   // dB/km
            1550: 0.25   // dB/km
        },
        type: "SMF"
    },
    "OM3": {
        name: "OM3 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    },
    "OM4": {
        name: "OM4 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    },
    "OM5": {
        name: "OM5 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    }
};

// Event handlers for smart filtering
function onSfpChange() {
    const sfpSelect = document.getElementById('sfpModule');
    const fiberSelect = document.getElementById('fiberType');
    const selectedSfp = sfpSelect.value;

    if (!selectedSfp) return;

    const sfpData = SFP_MODULES[selectedSfp];
    const compatibleFibers = sfpData.fiberTypes;

    // Filter fiber options
    Array.from(fiberSelect.options).forEach(option => {
        if (option.value === "") {
            option.style.display = 'block';
            return;
        }

        if (compatibleFibers.includes(option.value)) {
            option.style.display = 'block';
        } else {
            option.style.display = 'none';
            if (option.selected) {
                fiberSelect.value = "";
            }
        }
    });

    // Auto-select first compatible fiber if none selected
    if (!fiberSelect.value && compatibleFibers.length > 0) {
        fiberSelect.value = compatibleFibers[0];
    }
}

function onFiberChange() {
    const sfpSelect = document.getElementById('sfpModule');
    const fiberSelect = document.getElementById('fiberType');
    const selectedFiber = fiberSelect.value;

    if (!selectedFiber) return;

    // Filter SFP options based on fiber compatibility
    Array.from(sfpSelect.querySelectorAll('option')).forEach(option => {
        if (option.value === "") {
            option.style.display = 'block';
            return;
        }

        const sfpData = SFP_MODULES[option.value];
        if (sfpData && sfpData.fiberTypes.includes(selectedFiber)) {
            option.style.display = 'block';
        } else {
            option.style.display = 'none';
            if (option.selected) {
                sfpSelect.value = "";
            }
        }
    });
}

function toggleAdvancedOptions() {
    const checkbox = document.getElementById('showAdvanced');
    const advancedDiv = document.getElementById('advancedOptions');

    if (checkbox.checked) {
        advancedDiv.classList.add('show');
    } else {
        advancedDiv.classList.remove('show');
    }
}

function calculateLinkBudget() {
    // Get inputs
    const sfpModule = document.getElementById('sfpModule').value;
    const fiberType = document.getElementById('fiberType').value;
    const distance = parseFloat(document.getElementById('distance').value);
    const distanceUnit = document.getElementById('distanceUnit').value;
    const connectorPairs = parseInt(document.getElementById('connectorPairs').value) || 0;

    // Advanced options
    const fusionSplices = parseInt(document.getElementById('fusionSplices').value) || 0;
    const mechanicalSplices = parseInt(document.getElementById('mechanicalSplices').value) || 0;
    const connectorLoss = parseFloat(document.getElementById('connectorLoss').value) || 0.75;
    const safetyMargin = parseFloat(document.getElementById('safetyMargin').value) || 3;

    // Validation
    if (!sfpModule || !fiberType || !distance) {
        alert('Please fill in all required fields (SFP Module, Fiber Type, and Distance)');
        return;
    }

    // Convert distance to kilometers
    let distanceKm = distance;
    if (distanceUnit === 'm') {
        distanceKm = distance / 1000;
    } else if (distanceUnit === 'ft') {
        distanceKm = distance / 3280.84;
    }

    // Get SFP and fiber data
    const sfp = SFP_MODULES[sfpModule];
    const fiber = FIBER_TYPES[fiberType];

    // Use worst-case Tx power (minimum)
    const txPower = sfp.txPowerMin;
    const rxSensitivity = sfp.rxSensitivity;

    // Get fiber attenuation for this wavelength
    const fiberAttenuation = fiber.attenuation[sfp.wavelength];

    // Calculate losses
    const fiberLoss = distanceKm * fiberAttenuation;
    const connectorLossTotal = connectorPairs * connectorLoss;
    const fusionSpliceLoss = fusionSplices * 0.1;
    const mechanicalSpliceLoss = mechanicalSplices * 0.3;

    const totalLoss = fiberLoss + connectorLossTotal + fusionSpliceLoss + mechanicalSpliceLoss;

    // Calculate link budget and margin
    const linkBudget = txPower - rxSensitivity;
    const linkMargin = linkBudget - totalLoss - safetyMargin;

    // Check distance limits
    const maxDistanceMeters = sfp.maxDistance[fiberType];
    const distanceMeters = distanceKm * 1000;
    const exceedsDistance = distanceMeters > maxDistanceMeters;

    // Display results
    displayResults(sfp, txPower, rxSensitivity, linkBudget, totalLoss, linkMargin,
                   fiberLoss, connectorLossTotal, fusionSpliceLoss, mechanicalSpliceLoss,
                   safetyMargin, distanceKm, fiberAttenuation, exceedsDistance,
                   maxDistanceMeters, distanceMeters);

    // Scroll to results
    document.getElementById('results').scrollIntoView({ behavior: 'smooth', block: 'start' });
}

function displayResults(sfp, txPower, rxSensitivity, linkBudget, totalLoss, linkMargin,
                       fiberLoss, connectorLoss, fusionLoss, mechanicalLoss, safetyMargin,
                       distanceKm, fiberAttenuation, exceedsDistance, maxDistanceMeters, distanceMeters) {

    // Determine pass/fail/warning
    let status = 'pass';
    let statusText = 'PASS';
    let message = 'Link has sufficient power budget and should work reliably.';

    if (linkMargin < -1) {
        status = 'fail';
        statusText = 'FAIL';
        message = 'Insufficient power budget. Link will likely not work. Consider shorter distance, better fiber, or different SFP module.';
    } else if (linkMargin < 0) {
        status = 'warning';
        statusText = 'WARNING';
        message = 'Marginal power budget. May work but risky. Clean all connectors and verify fiber quality.';
    } else if (linkMargin < 2) {
        status = 'warning';
        statusText = 'MARGINAL';
        message = 'Low power margin. Should work but little headroom for degradation. Monitor link quality.';
    }

    // Update result header
    const resultHeader = document.getElementById('resultHeader');
    resultHeader.className = 'section-header';
    if (status === 'fail') resultHeader.classList.add('fail');
    if (status === 'warning') resultHeader.classList.add('warning');

    document.getElementById('resultBadge').textContent = statusText;

    // Update summary box
    const summaryBox = document.getElementById('summaryBox');
    summaryBox.className = 'summary-box';
    if (status === 'fail') summaryBox.classList.add('fail');
    if (status === 'warning') summaryBox.classList.add('warning');

    const marginDisplay = document.getElementById('linkMarginDisplay');
    marginDisplay.className = 'link-margin';
    if (status === 'fail') marginDisplay.classList.add('fail');
    if (status === 'warning') marginDisplay.classList.add('warning');
    marginDisplay.textContent = (linkMargin >= 0 ? '+' : '') + linkMargin.toFixed(2) + ' dB';

    document.getElementById('resultMessage').textContent = message;

    // Display power budget info
    document.getElementById('txPower').textContent = txPower.toFixed(2) + ' dBm (worst-case)';
    document.getElementById('rxSensitivity').textContent = rxSensitivity.toFixed(2) + ' dBm';
    document.getElementById('linkBudget').textContent = linkBudget.toFixed(2) + ' dB';

    // Build loss breakdown table
    const lossBreakdown = document.getElementById('lossBreakdown');
    lossBreakdown.innerHTML = `
        <tr>
            <td>Fiber Attenuation</td>
            <td style="text-align: right;">${distanceKm.toFixed(3)} km × ${fiberAttenuation} dB/km</td>
            <td style="text-align: right;">${fiberLoss.toFixed(2)} dB</td>
        </tr>
        <tr>
            <td>Connector Loss</td>
            <td style="text-align: right;">${parseInt(document.getElementById('connectorPairs').value)} pairs × ${parseFloat(document.getElementById('connectorLoss').value).toFixed(2)} dB</td>
            <td style="text-align: right;">${connectorLoss.toFixed(2)} dB</td>
        </tr>
        ${fusionLoss > 0 ? `<tr>
            <td>Fusion Splices</td>
            <td style="text-align: right;">${parseInt(document.getElementById('fusionSplices').value)} × 0.1 dB</td>
            <td style="text-align: right;">${fusionLoss.toFixed(2)} dB</td>
        </tr>` : ''}
        ${mechanicalLoss > 0 ? `<tr>
            <td>Mechanical Splices</td>
            <td style="text-align: right;">${parseInt(document.getElementById('mechanicalSplices').value)} × 0.3 dB</td>
            <td style="text-align: right;">${mechanicalLoss.toFixed(2)} dB</td>
        </tr>` : ''}
        <tr class="total-row">
            <td><strong>Total Link Loss</strong></td>
            <td></td>
            <td style="text-align: right;"><strong>${totalLoss.toFixed(2)} dB</strong></td>
        </tr>
        <tr>
            <td>Safety Margin</td>
            <td style="text-align: right;">Accounts for aging, temp, contamination</td>
            <td style="text-align: right;">${safetyMargin.toFixed(1)} dB</td>
        </tr>
        <tr class="total-row" style="background: ${linkMargin >= 0 ? '#d4edda' : '#f8d7da'};">
            <td><strong>Link Margin</strong></td>
            <td style="text-align: right;"><strong>Budget - Loss - Margin</strong></td>
            <td style="text-align: right;"><strong>${linkMargin >= 0 ? '+' : ''}${linkMargin.toFixed(2)} dB</strong></td>
        </tr>
    `;

    // Distance warning
    const warningContainer = document.getElementById('warningContainer');
    if (exceedsDistance) {
        warningContainer.innerHTML = `
            <div class="warning-message">
                <strong>⚠️ Distance Warning:</strong> Your specified distance of ${distanceMeters.toFixed(0)} meters exceeds the IEEE 802.3 maximum of ${maxDistanceMeters} meters for ${sfp.name} on this fiber type. Link may experience bit errors or fail to establish due to dispersion, even if power budget is sufficient.
            </div>
        `;
    } else {
        warningContainer.innerHTML = '';
    }

    // Show results
    document.getElementById('results').classList.add('show');
}

function copyResults() {
    const sfpModule = document.getElementById('sfpModule').value;
    const fiberType = document.getElementById('fiberType').value;
    const distance = document.getElementById('distance').value;
    const distanceUnit = document.getElementById('distanceUnit').value;
    const linkMargin = document.getElementById('linkMarginDisplay').textContent;
    const txPower = document.getElementById('txPower').textContent;
    const rxSensitivity = document.getElementById('rxSensitivity').textContent;
    const linkBudget = document.getElementById('linkBudget').textContent;
    const resultMessage = document.getElementById('resultMessage').textContent;

    const text = `Optical Link Budget Calculation Results
========================================

Configuration:
- SFP Module: ${SFP_MODULES[sfpModule].name} (${SFP_MODULES[sfpModule].speed})
- Fiber Type: ${FIBER_TYPES[fiberType].name}
- Distance: ${distance} ${distanceUnit}

Power Budget:
- Tx Power: ${txPower}
- Rx Sensitivity: ${rxSensitivity}
- Link Budget: ${linkBudget}

Result:
- Link Margin: ${linkMargin}
- Status: ${resultMessage}

Generated by baud9600.com Optical Link Budget Calculator`;

    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).then(() => {
            const button = event.target;
            const originalText = button.textContent;
            button.textContent = 'Copied!';
            button.classList.add('copied');
            setTimeout(() => {
                button.textContent = originalText;
                button.classList.remove('copied');
            }, 2000);
        });
    } else {
        alert('Copy to clipboard not supported in this browser');
    }
}

// Add Enter key support
document.addEventListener('DOMContentLoaded', function() {
    const inputs = ['distance', 'connectorPairs', 'fusionSplices', 'mechanicalSplices'];
    inputs.forEach(id => {
        const element = document.getElementById(id);
        if (element) {
            element.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    calculateLinkBudget();
                }
            });
        }
    });
});
</script>