experemental: added scroller.js (not yet working, and disabled)...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui/base.js

@@ -163,8 +163,6 @@ function getRibbonIndex(elem){
 // NOTE: if used during an animation/transition this will give the 
 // 		position at the exact frame of the animation, this might not be
 // 		the desired "final" data...
-// XXX account for rotated images...
-// 		need to keep this generic but still account for rotation...
 function getRelativeVisualPosition(outer, inner){
 	outer = $(outer).offset()
 	inner = $(inner).offset()
@@ -669,9 +667,12 @@ function clickHandler(evt){
 }
 
 
-// XXX for some reason this messes up alignment for the initial view...
+// XXX this does not work correctly because it also generates two clicks,
+// 		and this messes things up...
 function dblClickHandler(evt){
+	//setTimeout(toggleSingleImageMode, 100)
 	toggleSingleImageMode()
+	return false
 }
 
 

ui/index.html

@@ -52,6 +52,7 @@ less = {
 
 <script src="lib/jli.js"></script>
 <script src="lib/keyboard.js"></script>
+<script src="lib/scroller.js"></script>
 
 <script src="base.js"></script>
 <script src="modes.js"></script>
@@ -73,6 +74,8 @@ less = {
 
 //DEBUG = true
 
+var SCROLLER_ENABLED = false
+
 // setup...
 $(function(){
 	// defaults...
@@ -83,12 +86,36 @@ $(function(){
 
 	autoHideCursor($('.viewer'))
 
-	// NOTE: this is global so as to not to add any extra complexity to 
+	// XXX still buggy...
-	//		the internal workings...
+	if(SCROLLER_ENABLED){
-	$('.viewer')
+		var scroller = makeScrollHandler($('.viewer'), {
-		.click(clickHandler)
+				//vScroll: false,
-		// XXX for some reason this messes up alignment on initial view...
+				//hScroll: false,
-		//.dblclick(dblClickHandler)
+				scrollDisabled: true,
+
+				//enableMultiClicks: true,
+				// XXX does not seem to work...
+				//multiClickTimeout: 100,
+
+				transitionDuration: 100,
+				transitionEasing: 'liner',
+			})
+			.start()
+
+		$('.viewer')
+			.on('shortClick', function(){ clickHandler(event) })
+			//.on('doubleClick', dblClickHandler)
+			.on('longClick', dblClickHandler)
+			//.on('longClick', function(){ toggleImageMark() })
+
+	} else {
+		// NOTE: this is global so as to not to add any extra complexity to 
+		//		the internal workings...
+		$('.viewer')
+			// XXX this messes things up...
+			//.dblclick(dblClickHandler)
+			.click(clickHandler)
+	}
 
 	$(window)
 		.resize(function() {