moved dragging to X axis

lib/persona.js

@@ -132,10 +132,10 @@ $(document).ready(function() {
 				placement: 'left'
 			});
 
-			var dragging = false, originalY = 0, toPage = page;
+			var dragging = false, originalX = 0, toPage = page;
 			handle.on('mousedown', function(ev) {
 				dragging = true;
-				originalY = ev.screenY;
+				originalX = ev.screenX;
 			});
 
 			$('body').on('mouseup', function() {
@@ -143,8 +143,6 @@ $(document).ready(function() {
 					dragging = false;
 					ajaxify.go('topic/' + ajaxify.data.slug + '/' + (toPage * config.postsPerPage));
 				}
-				
-				//handle.css('margin-top', '0px');
 			});
 
 			$('body').on('mousemove', function(ev) {
@@ -152,8 +150,7 @@ $(document).ready(function() {
 					return;
 				}
 
-				//handle.css('margin-top', (originalY - ev.screenY) + 'px');
+				var distance = originalX - ev.screenX;
-				var distance = originalY - ev.screenY;
 				
 				toPage = page - parseInt(distance / 50, 10);