more digging...

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

layout-iscroll2.html

@@ -109,15 +109,17 @@ $(document).ready(function(){
 	var _x = null
 	var _t = null
 	USE_TRANSFORM = true
-	$('.viewer')
 
-		.on('mousedown touchstart', function(){
+	// XXX this is a stub, but need to keep the two types of events 
+	//		seporated as mouse events sometimes interfere with touch events...
+	if('touchmove' in window){
+		$('.viewer')
+			.on('touchstart', function(){
 				logger.log('[touchstart]')
 				//_t = evt.timeStamp || Date.now();
 				scrolling = true
 				togglePageDragging('on')
 			})
-
 			.on('touchmove', function(evt){
 				evt.preventDefault()
 				var pos_x = event.touches[0].pageX
@@ -133,6 +135,20 @@ $(document).ready(function(){
 				}
 				_x = x
 			})
+			.on('touchend', function(){
+				logger.log('[touchend]')
+				scrolling = false
+				togglePageDragging('off')
+			})
+
+	} else {
+		$('.viewer')
+			.on('mousedown', function(){
+				logger.log('[touchstart]')
+				//_t = evt.timeStamp || Date.now();
+				scrolling = true
+				togglePageDragging('on')
+			})
 			.on('mousemove', function(evt){
 				//var t = evt.timeStamp || Date.now();
 				evt.preventDefault()
@@ -144,17 +160,17 @@ $(document).ready(function(){
 				var x = pos_x
 				if(scrolling){
 					var s = getMagazineShift()
-				logger.log('>>>' + s)
 					shiftMagazineTo(s + (x - _x))
 				}
 				_x = x
 			})
-
+			.on('mouseup', function(){
-		.on('mouseup touchend', function(){
 				logger.log('[touchend]')
 				scrolling = false
 				togglePageDragging('off')
 			})
+		}
+
 
 	// XXX need to setup style for android to work...
 	$('.viewer').css({overflow: 'hidden'})