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>