From 25629f41b5dbaef7c77b078c198b1e6f0036145d Mon Sep 17 00:00:00 2001
From: Florent <flochtililoch@gmail.com>
Date: Thu, 16 Feb 2012 14:37:24 +0100
Subject: [PATCH] added swipe support

---
 web/index.html                |  1 +
 web/js/jquery.swipe.js        |  1 +
 web/js/jquery.ui.coverflow.js | 52 ++++++++++++++++++++++++++++++++---
 3 files changed, 50 insertions(+), 4 deletions(-)
 create mode 120000 web/js/jquery.swipe.js

diff --git a/web/index.html b/web/index.html
index 871354a..7aa9a4f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -61,6 +61,7 @@
   <script src="js/jquery.ui.mouse.js"></script>
   <script src="js/jquery.ui.slider.js"></script>
   <script src="js/jquery.mousewheel.js"></script>
+  <script src="js/jquery.swipe.js"></script>
 	<script>
 	  $(document).ready(function(){
       $('#coverflow').coverflow({
diff --git a/web/js/jquery.swipe.js b/web/js/jquery.swipe.js
new file mode 120000
index 0000000..99b49a0
--- /dev/null
+++ b/web/js/jquery.swipe.js
@@ -0,0 +1 @@
+../../vendor/sgentile/jquery.swipe/jquery.swipe.js
\ No newline at end of file
diff --git a/web/js/jquery.ui.coverflow.js b/web/js/jquery.ui.coverflow.js
index 322419f..e0cf98f 100644
--- a/web/js/jquery.ui.coverflow.js
+++ b/web/js/jquery.ui.coverflow.js
@@ -54,6 +54,11 @@
       spacing: 100,
       keyboard: true,
       mousewheel: true,
+      swipe: true,
+      minSwipeLength: 65,
+			minMouseSwipeLength: 100,
+			preventDefault: false,
+			includeMouseSwipe: true,
       slider: false
     },
 
@@ -67,10 +72,7 @@
       this.itemHeight = this.items.height();
       this.duration = o.duration;
       this.current = o.item;
-      this.items.bind(o.trigger, function() {
-        self.select(this);
-      });
-
+      
       // Center the actual parent's left side within it's parent
       this.element.css(
         this.props[2],
@@ -140,6 +142,48 @@
         });
       }
       
+      // Enabled only if Swipe library present
+      if (this.options.swipe && $.fn.swipe !== undefined) {
+        this.items.swipe({
+          minSwipeLength: this.options.minSwipeLength,
+    			minMouseSwipeLength: this.options.minMouseSwipeLength,
+    			preventDefault: this.options.preventDefault,
+    			includeMouseSwipe: this.options.includeMouseSwipe,
+    			swiped: function (e, ui) {
+    			  this.swiped = true;
+    			  event.preventDefault();
+						event.stopPropagation();
+    			  var current = self.current;
+            if (ui.swipeDirection === 'right') {
+              if (current > 0) {
+                current--;
+                self.select(current, true);
+              }
+            } else {
+              if (ui.swipeDirection === 'left') {
+                if (current < self.element.find(self.options.items).length - 1) {
+                  current++;
+                  self.select(current, true);
+                }
+              }
+            }
+    			}
+    		});
+      }
+      
+      // Handle click on items
+      this.items.bind(o.trigger, function() {
+        if(this.swiped === true)
+        {
+          this.swiped = false;
+        }
+        else
+        {
+          self.select(this);
+        }
+      });
+      
+      
       // Enable keyboard navigation
       if (this.options.keyboard) {
         self.keyboardHandler = function(e) {