Tracking Invest 92-L: Computer models and maps

WPBF 25 First Warning Weather meteorologists are monitoring Invest 92-L over the Central Tropical Atlantic Ocean. According to the National Hurricane Center, the disturbance will likely become a tropical depression by the middle to latter part of this week. The next name on the list is Gabrielle. The WPBF 2025 Hurricane Season ForecastGet the latest weather updates with the WPBF 25 News app. You can download it here.

`;
}

function initializeWeatherBox(container) {

function switchWeatherTab(tabName, clickedElement) {
container.querySelectorAll(‘[data-tab-id]’).forEach(function(tab) {
tab.classList.remove(‘open’);
});

clickedElement.classList.add(‘open’);

container.querySelectorAll(‘[data-content-id]’).forEach(function(content) {
content.style.display = ‘none’;
});

var targetContent = container.querySelector(‘[data-content-id=”‘ + tabName + ‘”]’);
if (targetContent) {
targetContent.style.display = ‘block’;
}
}

function loadWeatherData() {
var location = { zip: window.DEFAULT_ZIPCODE };

try {
var storedLocation = localStorage.getItem(‘htv.zip.last’);
if (storedLocation) {
location = JSON.parse(storedLocation);
}
} catch (e) {}

var apiUrl = (window.DEWY_HOSTNAME || ”) + ‘/api/v1/weather/full/’ + location.zip;

if (window.fetch) {
fetch(apiUrl)
.then(function(response) { return response.json(); })
.then(function(data) {
if (data && data.data) {
var article = container.closest(‘.article–wrapper’);
var weatherContainer = container.closest(‘.weather-box-container’);
if (weatherContainer) {
weatherContainer.style.display = ‘flex’;
updateCurrentWeather(data.data);
updateForecastTabs(data.data);
updateWeatherAlertsBar(data.data);
}
}
})
.catch(function(error) {
console.error(‘Error loading weather:’, error);
});
}
}

function updateWeatherAlertsBar(weatherData) {
var weatherWatchHeader = container.querySelector(‘.weather-watch-header’);
if (weatherWatchHeader && weatherData.alerts_count > 0) {
weatherWatchHeader.className = ‘weather-watch-header has-alerts’;
var weatherWatchText = weatherWatchHeader.querySelector(‘.weather-watch-text’);
var weatherWatchLink = weatherWatchHeader.querySelector(‘.weather-watch-link’);
if (weatherWatchText) {
weatherWatchText.textContent = `Weather Alerts (${weatherData.alerts_count})`;
}
if (weatherWatchLink) {
weatherWatchLink.href = ‘/alerts’;
}
}
}

function updateCurrentWeather(weatherData) {
if (weatherData.current) {
var tempEl = container.querySelector(‘.weather-grid–current-temp-value’);
if (tempEl) tempEl.textContent = weatherData.current.temp_f || ”;

var iconEl = container.querySelector(‘.weather-grid–current-icon’);
if (iconEl && weatherData.current.icon_name) {
iconEl.className = ‘weather-grid–current-icon weather-current-icon icon icon-weather-‘ + weatherData.current.icon_name;
}

var skyEl = container.querySelector(‘.weather-grid–sky’);
if (skyEl) skyEl.textContent = weatherData.current.sky || ”;

var feelsEl = container.querySelector(‘.weather-grid–feels’);
if (feelsEl) feelsEl.textContent = (weatherData.current.feels_like_f || weatherData.current.temp_f || ”) + ‘°F’;
}
}

function updateForecastTabs(weatherData) {
if (weatherData.hourly) {
var hourlyContainer = container.querySelector(‘.weather-hourly-forecast’);
if (hourlyContainer) {
var html = ”;
var maxHours = Math.min(5, weatherData.hourly.length);

for (var i = 0; i < maxHours; i++) {
var hour = weatherData.hourly[i];
html += generateForecastItem({
timeLabel: hour.hour_display,
iconName: hour.icon_name,
primaryTemp: hour.temp_f,
secondaryInfo: hour.precip_chance + ‘%’
});
}
hourlyContainer.innerHTML = html;
}
}

if (weatherData.daily) {
var dailyContainer = container.querySelector(‘.weather-daily-forecast’);
if (dailyContainer) {
var html = ”;
var maxDays = Math.min(5, weatherData.daily.length);

for (var i = 0; i < maxDays; i++) {
var day = weatherData.daily[i];
var dayName = getShortDayName(day.day);

html += generateForecastItem({
timeLabel: dayName,
iconName: day.icon_name,
primaryTemp: day.high_f,
secondaryInfo: day.low_f + ‘°’
});
}
dailyContainer.innerHTML = html;
}
}
}

function getShortDayName(dayName) {
switch (dayName) {
case ‘Today’:
return ‘Today’;
case ‘Tomorrow’:
return ‘Tmrw’;
case ‘Sunday’:
return ‘Sun’;
case ‘Monday’:
return ‘Mon’;
case ‘Tuesday’:
return ‘Tue’;
case ‘Wednesday’:
return ‘Wed’;
case ‘Thursday’:
return ‘Thu’;
case ‘Friday’:
return ‘Fri’;
case ‘Saturday’:
return ‘Sat’;
default:
return dayName;
}
}

container.querySelectorAll(‘[data-tab-id]’).forEach(function(tab) {
tab.onclick = function() {
switchWeatherTab(this.getAttribute(‘data-tab-id’), this);
return false;
};
});

loadWeatherData();
}

document.querySelectorAll(‘.weather-sidebar’).forEach(function(weatherBox) {
initializeWeatherBox(weatherBox);
});

document.addEventListener(‘fullscreenchange’, function() {
var fullscreenElement = document.fullscreenElement;
if (!fullscreenElement) {
document.querySelector(‘.weather-box-container’).querySelectorAll(‘.fa-times’).forEach(function(icon) {
icon.classList.remove(‘fa-times’);
icon.classList.add(‘fa-expand’);
});
}
});
});