diff --git a/ui/index.html b/ui/index.html
index d90ca42e..3fa4dd86 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -256,22 +256,10 @@ $(function(){
 	var LOADER_THRESHOLD = 2
 	// XXX update this depending on zoom and navigation speed...
 	var LOADER_CHUNK = LOADER_THRESHOLD * 2
-	var IMAGES_IN_RIBBON = 30
 	$('.viewer')
-		/* XXX this is distructive...
 		.on('preCenteringRibbon', function(evt, ribbon, image){
-			// XXX load ONLY if getGIDBefore(getImageGID(image)) is not currently loaded...
-			if( ribbon
-					.find('[gid="'+getGIDBefore(getImageGID(image), 
-										getRibbonIndex(ribbon))+'"]')
-					.length > 0 ){
-				console.log('>>> Loading...')
-				loadImages(getImageGID(image), IMAGES_IN_RIBBON, ribbon)
-			}
-		})
-		*/
-		// XXX it takes several steps for adjacent ribbons to catch up...
-		.on('centeringRibbon', function(evt, ribbon, image){
+			// NOTE: we do not need to worry about centering the ribbon 
+			//		here, just ball-park-load the correct batch...
 			// check if we are in the right range...
 			var gid = getImageGID(image)
 			var r = getRibbonIndex(ribbon)
@@ -287,11 +275,15 @@ $(function(){
 				var gr = DATA.ribbons[r]
 				//console.log('>>>', gr.indexOf(gid_before) - gr.indexOf(cur))
 				rollImages(gr.indexOf(gid_before) - gr.indexOf(cur), ribbon)
-
-				//centerRibbon(ribbon, image)
-
-				//return
 			}
+		})
+		// XXX it takes several steps for adjacent ribbons to catch up...
+		.on('centeringRibbon', function(evt, ribbon, image){
+			// check if we are in the right range...
+			var gid = getImageGID(image)
+			var r = getRibbonIndex(ribbon)
+			var img_before = getImageBefore(image, ribbon)
+			var gid_before = getGIDBefore(gid, r)
 
 			if(img_before.length == 0){
 				img_before = ribbon.find('.image').first()