upfixed bug in slideshow play pause

1 files changed, 18 insertions, 11 deletions

diff --git a/media/js/slideshow.js b/media/js/slideshow.js
index 227efdd..d1b2b93 100644
--- a/media/js/slideshow.js
+++ b/media/js/slideshow.js
@@ -77,15 +77,24 @@ $(document).ready(function(){
     
     //Add navigation
     $('#breadcrumbs').after('<div id="slideshow-controls"><ul><li><a id="prev" title="you can also use the arrow keys to navigate" href="#"> &larr; Older</a></li><li><a id="play" title="Pause Slideshow" href="#">▐▐</a></li><li><a id="next" title="you can also use the arrow keys to navigate" href="#">Newer &rarr;</a></li></ul></div>');
+    
+    
     //activate pause button
-    $('#play').toggle(function() {
-        $('#slides').cycle('pause');
-        $(this).html('▶');
-        $(this).attr('title','Play slideshow');
-    }, function() {
-        $('#slides').cycle('resume', true);
-        $(this).html('▐▐');
-        $(this).attr('title','Pause slideshow');
+    //state var
+    var show_state = 'playing';
+    $('#play').click(function() {
+        if (show_state == 'playing') {
+            $('#slides').cycle('pause');
+            $(this).html('▶');
+            $(this).attr('title','Play slideshow');
+            show_state = 'paused';
+        } else {
+            $('#slides').cycle('resume', true);
+            $(this).html('▐▐');
+            $(this).attr('title','Pause slideshow');
+            show_state= 'playing';
+        }
+        return false;
     });
 
 
@@ -148,9 +157,7 @@ $(document).ready(function(){
     
     //if this is a permalink, then pause:
     if(is_permalink == true) {
-        $('#slides').cycle('pause');
-        $('#play').html('▶');
-        $('#play').attr('title','Play slideshow');
+        $('#play').click()
     }
     //callback to delete map and camera info windows if they exist
     function onBefore() {