View difference between Paste ID: GeC4AwUy and SLy8ND2k

 /* * *
- * Auto-slide the Twenty Eleven Featured Posts Slider
+ * Auto-slide the Twenty Eleven Featured Posts Slider v2
- * by RavanH -- http://4visions.nl/?p=1001 --
+ * with pause on mouse hover over featured content.
  * By RavanH -- http://4visions.nl/?p=1001 --
  * Special thanks to Tim Down's setTimeout wrapper script
  * http://stackoverflow.com/a/3969760/573224
  *
  * Paste code in a text widget in the Showcase Sidebar.
  * Adapt variables 'slide_speed' and 'slide_delay' to change
  * the slider effect and timeout speed in milliseconds.
  * The variable 'slide_delay_first' is meant for the first
  * timeout during which page elements like images are still
  * loading which usually needs some extra time while
  * slide_effect and slide_easing control more advanced slider
  * behaviour. Read the instructions for available options.
  */
 (function($) {
   var slide_delay = 5000; /* timeouts in ms */
   var slide_speed = 300; /* effect speed in ms */
-  var slide_timeout;
+
-  $('section.featured-post').slice(1).css('display', 'none');
+
-  slide_setTimeout(slide_delay_first, $('nav.feature-slider a.active').parent().next().children().first() );
+
 
   var slide_timer = new Timer(function(){slide_goOut($('section.featured-post').filter(':visible'));},slide_delay_first);
-    window.clearTimeout(slide_timeout);
+  $('section.featured-post').hover(function(){slide_timer.pause();},function(){slide_timer.resume();}).slice(1).css('display', 'none');
-    if (slide_effect == 'fade') {
+
-       $(this.hash).css({ display: 'none', opacity: 1, visibility: 'visible' }).fadeIn(slide_speed, slide_easing, slide_setTimeout(slide_delay, $(this).parent().next().children().first()) );
+
-    } else if (slide_effect == 'slide') {
+    slide_timer.clear();
-      $(this.hash).css({ display: 'none', opacity: 1, visibility: 'visible' }).slideDown(slide_speed, slide_easing, slide_setTimeout(slide_delay, $(this).parent().next().children().first()) );
+    slide_goIn(this.hash);
   });
-      $(this.hash).css({ display: 'none', opacity: 1, visibility: 'visible' }).show(slide_speed, slide_easing, slide_setTimeout(slide_delay, $(this).parent().next().children().first()) );
+
   function slide_goIn(id) {
     if (slide_effect == 'slide') {
       $(id).slideDown(slide_speed, slide_easing, function(){slide_timer = new Timer(function(){slide_goOut(id);},slide_delay);} );
-  function slide_setTimeout(delay, next_link) {
+    } else if (slide_effect == 'fade') {
        $(id).fadeIn(slide_speed, slide_easing, function(){slide_timer = new Timer(function(){slide_goOut(id);},slide_delay);} );
     } else {
       $(id).show(slide_speed, slide_easing, function(){slide_timer = new Timer(function(){slide_goOut(id);},slide_delay);} );
     }
-      if (slide_effect == 'fade') {
+
-        slide_timeout = window.setTimeout(function(){$('section.featured-post').filter(':visible').fadeOut(slide_speed, slide_easing, function(){next_link.trigger('click');});}, delay);
+
-      } else if (slide_effect == 'slide') {
+  function slide_goOut(id) {
-        slide_timeout = window.setTimeout(function(){$('section.featured-post').filter(':visible').slideUp(slide_speed, slide_easing, function(){next_link.trigger('click');});}, delay);
+    var next_link = $('nav.feature-slider a.active').parent().next().children().first();
     if (next_link.length == 0) {
-        slide_timeout = window.setTimeout(function(){$('section.featured-post').filter(':visible').hide(slide_speed, slide_easing, function(){next_link.trigger('click');});}, delay);
+
     }
     if (next_link.length !== 0) {
       if (slide_effect == 'slide') {
         $(id).slideUp(slide_speed, slide_easing, function(){next_link.trigger('click');});
       } else if (slide_effect == 'fade') {
         $(id).fadeOut(slide_speed, slide_easing, function(){next_link.trigger('click');});
       } else {
         $(id).hide(slide_speed, slide_easing, function(){next_link.trigger('click');});
       }
     }
   }
 
   function Timer(callback,delay) {
     var timerid, start, remaining = delay;
     this.clear = function() {
       window.clearTimeout(timerid);
    }
     this.pause = function() {
       this.clear();
       remaining -= new Date() - start;
     };
     this.resume = function() {
       this.clear(); /* make sure we are not resuming without having cleared */
       start = new Date();
       timerid = window.setTimeout(callback, remaining);
     };
     this.resume();
   }
 })(jQuery);