From 49f896a834dfeee81a39471e34cfca6915487554 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 2 Aug 2012 05:25:40 +0400
Subject: [PATCH] added dragging to main prototype -- neads cleanup and
 polishing...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/gallery.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ui/gallery.html b/ui/gallery.html
index 79ff4897..00ac0c34 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -5,6 +5,7 @@
 <link rel="stylesheet" href="gallery.css">
 <link rel="stylesheet" href="markers.css">
 <script src="jquery.js"></script>
+<script src="jquery-ui-1.8.22.custom.min.js"></script>
 
 <script src="jquery.touchSwipe.js"></script>
 <!-- script src="jquery.wipetouch.js"></script-->
@@ -44,6 +45,10 @@ function setup(){
 	// XXX STUB
 	loadImages(image_list)
 
+	// setup the dragging framework...
+	// XXX make this work seamlessly with touchSwipe...
+	$('.field').draggable()
+
 	// set the default position and init...
 	$('.current.image').click()
 }
@@ -87,6 +92,11 @@ $(document).ready(setup);
 
 	<br><br>
 
+	<button onclick="centerCurrentImage()">center current</button>
+	<button onclick="centerOrigin()">center origin</button>
+
+	<br><br>
+
 	<button onclick="firstImage()">first (home)</button>
 	<button onclick="prevImage()">prev (left)</button>
 	<button onclick="nextImage()">next (right)</button>