autoroll focused items on homepage

diff --git a/panikweb_studioneau/templates/includes/footer.html b/panikweb_studioneau/templates/includes/footer.html
index daaadf97811654de38f24a6706c7d07c52e3a7c3..55aade8bb6e529b36375fd3e55b94d10b43f9daa 100644 (file)
--- a/panikweb_studioneau/templates/includes/footer.html
+++ b/panikweb_studioneau/templates/includes/footer.html
@@ -22,7 +22,9 @@ $(function() {
 
  function init_roll_buttons() {
    if ($('#focus').hasClass('initialized')) return;
-   $('#next').on('click', function() {
+   var roll_interval = null;
+   $('#next').on('click', function(ev, autoroll) {
+     if (roll_interval && !autoroll) { clearInterval(roll_interval); roll_interval = null; }
      var $first = $('#focus .item:not(.transition)').first();
      var $last = $('#focus .item:not(.transition)').last();
      var $cloned = $first.clone();
@@ -32,7 +34,8 @@ $(function() {
      $cloned[0].offsetHeight; // redraw
      $cloned.addClass('faded');
    });
-   $('#prev').on('click', function() {
+   $('#prev').on('click', function(ev, autoroll) {
+     if (roll_interval && !autoroll) { clearInterval(roll_interval); roll_interval = null; }
      var $first = $('#focus .item:not(.transition)').first();
      var $last = $('#focus .item:not(.transition)').last();
      var $cloned = $first.clone();
@@ -43,6 +46,9 @@ $(function() {
      $cloned.addClass('faded');
    });
    $('#focus').addClass('initialized');
+   var roll_interval = setInterval(function() {
+     $('#next').trigger('click', ['autoroll']);
+   }, 7000);
  }
  $(document).on('panikweb:load-page', init_page);
  init_page();