From aedcf1db6a53ffeeb62f31274a0ea64643716a40 Mon Sep 17 00:00:00 2001
From: Zarino Zappia <mail@zarino.co.uk>
Date: Fri, 20 Jun 2014 15:26:32 +0100
Subject: simpler carousel

---
 assets/scripts/how-it-works-slides.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 assets/scripts/how-it-works-slides.js

(limited to 'assets/scripts/how-it-works-slides.js')

diff --git a/assets/scripts/how-it-works-slides.js b/assets/scripts/how-it-works-slides.js
new file mode 100644
index 000000000..4145cf33e
--- /dev/null
+++ b/assets/scripts/how-it-works-slides.js
@@ -0,0 +1,32 @@
+$(function(){
+  var $container = $('div.how-does-it-work')
+
+  if(!$container.length){
+    return false; // bail out early if no slider on this page
+  }
+
+  var showSlide = function(index){
+    $('.how-does-it-work__slide:nth-child(' + (index+1) + ')', $container)
+    .show().siblings('.how-does-it-work__slide').hide()
+
+    $('.how-does-it-work__slide__skip:nth-child(' + (index+1) + ')', $container)
+      .addClass('active').siblings('.how-does-it-work__slide__skip').removeClass('active')
+  }
+
+  var makeSlideNavs = function(){
+    var $slides = $('.how-does-it-work__slide', $container)
+    var $nav = $('<div class="how-does-it-work__slide__nav">')
+    for(var i=0; i<$slides.length; i++){
+      $('<span class="how-does-it-work__slide__skip">').append('<span>')
+        .appendTo($nav)
+    }
+    $('.container', $slides).append($nav)
+  }
+
+  makeSlideNavs()
+  showSlide(0)
+
+  $container.on('click', '.how-does-it-work__slide__skip', function(){
+    showSlide( $(this).prevAll().length )
+  })
+});
-- 
cgit v1.2.3