let current_moment = null;

document.addEventListener("DOMContentLoaded", function(){
    current_moment = moments[0];

    let moment_current_image = document.getElementById("moment_current_image");
    moment_current_image.src = "/streams/" + streamName + "/" + watchAreaName + "/" + current_moment[0];
    let moment_slider = document.getElementById("moment_slider");
    moment_slider.max = current_moment.length - 1;
    moment_slider.value = 0;

    moment_slider.addEventListener("change", e => {
        moment_current_image.src = "/streams/" + streamName + "/" + watchAreaName + "/" + current_moment[moment_slider.value];
    });
});