diff --git a/index.html b/index.html
index 62df36f..b17390b 100755
--- a/index.html
+++ b/index.html
@@ -306,6 +306,8 @@ $(document).ready(function(){
 
 	setupEditor()
 
+	$('.dpi').text(getDPI())
+
 
 	// hide the splash...
 	setTimeout(function(){
@@ -514,7 +516,7 @@ $(document).ready(function(){
 						</ul>
 					</big>
 					<div style="position:absolute; bottom:10px; right:30px">
-						<a href="#next">get started...</a><br>
+						<span class="dpi">dpi</span><a href="#next">get started...</a><br>
 					</div>
 
 					<div class="page-number-text">[PAGE NUMBER]</div>
diff --git a/layout.js b/layout.js
index 8ab1bad..3c0fd62 100755
--- a/layout.js
+++ b/layout.js
@@ -218,8 +218,7 @@ function handleScrollRelease(evt, data){
 	// XXX this is only horizontal at this point...
 	var at = getElementShift(mag).left
 	var d = MAX_DISTANCE_TO_SCROLL != null ? MAX_DISTANCE_TO_SCROLL : Infinity
-	var s = sign(speed)
-	s = s == 0 ? +1 : s
+	var s = sign(speed) >= 0 ? 1 : -1
 	var to = (at + (Math.min(Math.abs(t*speed*INNERTIA_SCALE), d) * s))
 	var first = getMagazineOffset(pages.first(), null, 'center')
 	var last = getMagazineOffset(pages.last(), null, 'center')