From 7f3192f99faa7baf8e2c8011422f865a8c37cb96 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sun, 10 Feb 2013 05:21:25 +0400
Subject: [PATCH] moved spinner interface to jquery, back to more uniform
 style...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ext-lib/jquery.spin.js | 16 ++++++++++++++++
 index.html             |  6 ++++--
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100755 ext-lib/jquery.spin.js

diff --git a/ext-lib/jquery.spin.js b/ext-lib/jquery.spin.js
new file mode 100755
index 0000000..2c2c8da
--- /dev/null
+++ b/ext-lib/jquery.spin.js
@@ -0,0 +1,16 @@
+// taken from: http://fgnass.github.com/spin.js/ 
+$.fn.spin = function(opts) {
+  this.each(function() {
+    var $this = $(this),
+        data = $this.data();
+
+    if (data.spinner) {
+      data.spinner.stop();
+      delete data.spinner;
+    }
+    if (opts !== false) {
+      data.spinner = new Spinner($.extend({color: $this.css('color')}, opts)).spin(this);
+    }
+  });
+  return this;
+};
diff --git a/index.html b/index.html
index 6f83e5f..9595956 100755
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
 <script src="ext-lib/jquery.touchSwipe.js"></script>
 <script src="ext-lib/jstorage.js"></script>
 <script src="ext-lib/spin.js"></script>
+<script src="ext-lib/jquery.spin.js"></script>
 <!-- EXPERIMENTAL -->
 <!-- 
 XXX scrollTo is a cool and a powerfull tool but it needs a sustantial code reorganization 
@@ -151,8 +152,9 @@ $(document).ready(function(){
 			setTimeout(function(){
 				$('.splash').fadeOut()
 			}, 350)
+			// remove the spinner...
 			setTimeout(function(){
-				spinner.stop()
+				$('#spinner').spin(false)
 			}, 500)
 		})
 
@@ -195,7 +197,7 @@ $(document).ready(function(){
 				top: 'auto', // Top position relative to parent in px
 				left: 'auto' // Left position relative to parent in px
 			}
-			var spinner = new Spinner(opts).spin($('#spinner')[0])
+			$('#spinner').spin(opts)
 			</script>
 		</td></tr></table>
 	</div>