issue46, add a 10px white frame around the photo in the slideshow view
[phpfspot.git] / phpfspot.js
index 06f20e0314d763ec6211a3ea79a9a4bec6caa65e..1e074bb83397305805048f3dd078ed467519e801 100644 (file)
@@ -302,9 +302,17 @@ function preloadPhotos(lbImg) {
 
 function startSlideShow()
 {
-   HTML_AJAX.grab(encodeURI('rpc.php?action=reset_slideshow'));
-   nextSlide();
-   setInterval("nextSlide()", 3000);
+   if(!sliding) {
+      HTML_AJAX.grab(encodeURI('rpc.php?action=reset_slideshow'));
+      nextSlide();
+      sliding = setInterval("nextSlide()", 3000);
+      document.getElementById('stop_ico').src = "resources/32_stop.png";
+   }
+   else {
+      clearInterval(sliding);
+      sliding = 0;
+      document.getElementById('stop_ico').src = "resources/32_play.png";
+   }
 }
 
 function nextSlide()
@@ -313,14 +321,51 @@ function nextSlide()
    document.getElementById('slide_img').src = next_img;
 }
 
+function prevSlide()
+{
+   prev_img = HTML_AJAX.grab(encodeURI('rpc.php?action=get_prev_slideshow_img'));
+   document.getElementById('slide_img').src = prev_img;
+}
+
+function pauseSlideShow()
+{
+   if(!sliding_paused) {
+      sliding_paused = 1;
+      clearInterval(sliding);
+      document.getElementById('pause_ico').src = "resources/32_play.png";
+   }
+   else {
+      sliding_paused = 0;
+      sliding = setInterval("nextSlide()", 3000);
+      document.getElementById('pause_ico').src = "resources/32_pause.png";
+   }
+} 
+
+function startAutoBrowse()
+{
+   if(!autobrowse) {
+      autoBrowse();
+      autobrowse = setInterval("autoBrowse()", 5000);
+   }
+   else {
+      clearInterval(autobrowse);
+      autobrowse = 0;
+      document.getElementById('autobrowse_ico').src = "resources/32_play.png";
+   }
+
+}
 function autoBrowse()
 {
-   var next_link = document.getElementById('next_link').href;
-   window.location.href = next_link;
-   setTimeout("autoBrowse()", 5000);
+   if(document.getElementById('next_link')) {
+      var next_link = document.getElementById('next_link').href;
+      window.location.href = next_link;
+      document.getElementById('autobrowse_ico').src = "resources/32_pause.png";
+   }
 }  
 
 var startup = 1;
 var calendar_shown = 0;
 var calendar_mode = '';
 var autobrowse = 0;
+var sliding = 0;
+var sliding_paused = 0;