<!-- [DEBUG] Gewählter Tagesordner (Var dayDir) = /www/htdocs/w00de050/webcam/cam2a/2026-02-04 -->
<!-- [DEBUG] Aktuelle Zeit in Sekunden (später als Var now eingesetzt) = 1770233737 Sek. -->
<!-- [DEBUG] Max. Speicherdauer in Sekunden (Var maxAgeSeconds) = 172800 Sek. (48 Std.) -->

<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/00-01-35.jpg | Alter = 74041 Sek. (21 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/00-31-35.jpg | Alter = 72240 Sek. (20 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/01-01-36.jpg | Alter = 70440 Sek. (20 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/01-31-36.jpg | Alter = 68640 Sek. (19 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/02-01-37.jpg | Alter = 66839 Sek. (19 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/02-31-37.jpg | Alter = 65039 Sek. (18 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/03-01-37.jpg | Alter = 63239 Sek. (18 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/03-31-37.jpg | Alter = 61439 Sek. (17 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/04-01-37.jpg | Alter = 59639 Sek. (17 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/04-31-37.jpg | Alter = 57838 Sek. (16 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/05-01-38.jpg | Alter = 56038 Sek. (16 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/05-31-38.jpg | Alter = 54238 Sek. (15 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/06-01-38.jpg | Alter = 52437 Sek. (15 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/06-31-39.jpg | Alter = 50637 Sek. (14 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/07-01-39.jpg | Alter = 48837 Sek. (14 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/07-31-40.jpg | Alter = 47036 Sek. (13 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/08-01-40.jpg | Alter = 45236 Sek. (13 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/08-31-40.jpg | Alter = 43436 Sek. (12 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/09-01-40.jpg | Alter = 41636 Sek. (12 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/09-31-41.jpg | Alter = 39835 Sek. (11 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/10-01-41.jpg | Alter = 38035 Sek. (11 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/10-31-41.jpg | Alter = 36234 Sek. (10 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/11-01-42.jpg | Alter = 34433 Sek. (10 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/11-31-42.jpg | Alter = 32634 Sek. (9 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/12-01-42.jpg | Alter = 30834 Sek. (9 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/12-31-42.jpg | Alter = 29033 Sek. (8 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/13-01-43.jpg | Alter = 27233 Sek. (8 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/13-31-43.jpg | Alter = 25433 Sek. (7 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/14-01-43.jpg | Alter = 23632 Sek. (7 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/14-31-44.jpg | Alter = 21832 Sek. (6 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/15-01-44.jpg | Alter = 20032 Sek. (6 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/15-31-44.jpg | Alter = 18231 Sek. (5 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/16-01-45.jpg | Alter = 16431 Sek. (5 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/16-31-45.jpg | Alter = 14631 Sek. (4 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/17-01-45.jpg | Alter = 12831 Sek. (4 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/17-31-45.jpg | Alter = 11031 Sek. (3 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/18-01-45.jpg | Alter = 9230 Sek. (3 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/18-31-46.jpg | Alter = 7430 Sek. (2 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/19-01-46.jpg | Alter = 5629 Sek. (2 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/19-31-46.jpg | Alter = 3829 Sek. (1 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/20-01-47.jpg | Alter = 2029 Sek. (1 Std.) -->
<!-- [CHECK] Bild /www/htdocs/w00de050/webcam/cam2a/2026-02-04/20-31-47.jpg | Alter = 229 Sek. (0 Std.) -->

<!-- [DEBUG] Gewählter Tag (Var currentDay) = 2026-02-04 | Gesamtzahl der Bilder des Tages = 42 -->

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Webcam Viewer</title>
</head>
<body>


<img id="img" src="cam2a/2026-02-04/20-31-47.jpg" alt="Bild ©: Fa. Singer, Steinwandklamm" title="Bild ©: Fa. Singer, Steinwandklamm" loading="lazy" style="max-width:100%;">


<div style="text-align: center">
   <select id="daySelect">
      <option value="2026-02-02" >
   2026-02-02   </option>
      <option value="2026-02-03" >
   2026-02-03   </option>
      <option value="2026-02-04" selected>
   2026-02-04   </option>
      </select>
   <br>
   <input type="range" id="slider" min="0" max="41" value="41" style="width: 90%";>
</div>


<script>
document.addEventListener('DOMContentLoaded', function () {

   let cam = "cam2a";
   let images = ["00-01-35.jpg","00-31-35.jpg","01-01-36.jpg","01-31-36.jpg","02-01-37.jpg","02-31-37.jpg","03-01-37.jpg","03-31-37.jpg","04-01-37.jpg","04-31-37.jpg","05-01-38.jpg","05-31-38.jpg","06-01-38.jpg","06-31-39.jpg","07-01-39.jpg","07-31-40.jpg","08-01-40.jpg","08-31-40.jpg","09-01-40.jpg","09-31-41.jpg","10-01-41.jpg","10-31-41.jpg","11-01-42.jpg","11-31-42.jpg","12-01-42.jpg","12-31-42.jpg","13-01-43.jpg","13-31-43.jpg","14-01-43.jpg","14-31-44.jpg","15-01-44.jpg","15-31-44.jpg","16-01-45.jpg","16-31-45.jpg","17-01-45.jpg","17-31-45.jpg","18-01-45.jpg","18-31-46.jpg","19-01-46.jpg","19-31-46.jpg","20-01-47.jpg","20-31-47.jpg"];
   let day = "2026-02-04";

   const slider = document.getElementById('slider');
   const img = document.getElementById('img');
   const sel = document.getElementById('daySelect');

   function updateImage() {

// [DEBUG] Gewählter Tag, selektierte Bildnummer und Gesamtzahl der Bilder des Tages per Konsole zeigen
console.debug('updateImage', {
   day: day,
   index: slider.value,
   images: images.length
});

      if (!images || images.length === 0) {
         img.removeAttribute('src');
         return;
      }

      if (slider.value < 0 || slider.value >= images.length) {
         return;
      }

      img.src = cam + '/' + day + '/' + images[slider.value];
   }

   slider.oninput = () => updateImage();

sel.onchange = () => {
   window.location.href = '?cam=' + cam + '&day=' + sel.value;
};


   updateImage(); // Initial
});
</script>

</body>
</html>