diff --git a/ui/ImageGrid.js b/ui/base.js
similarity index 100%
rename from ui/ImageGrid.js
rename to ui/base.js
diff --git a/ui/ImageGrid.data.js b/ui/data.js
similarity index 96%
rename from ui/ImageGrid.data.js
rename to ui/data.js
index 27172122..08726421 100755
--- a/ui/ImageGrid.data.js
+++ b/ui/data.js
@@ -198,7 +198,6 @@ function getImageGIDs(from, count, ribbon, inclusive){
 	// XXX check if this is empty...
 	ribbon = DATA.ribbons[ribbon]
 
-
 	if(count > 0){
 		var c = inclusive == null ? 1 : 0
 		var start = ribbon.indexOf(from) + c
diff --git a/ui/fullscreen.html b/ui/fullscreen.html
index 6f636e4d..87772e13 100755
--- a/ui/fullscreen.html
+++ b/ui/fullscreen.html
@@ -36,7 +36,6 @@ body {
 <!-- XXX STUB -->
 <script src="images.js"></script>
 <script src="gallery-prototype.js"></script>
-<script src="ui.js"></script>
 <script src="persistance.js"></script>
 
 <script src="markers.js"></script>
diff --git a/ui/gallery-prototype.js b/ui/gallery-prototype.js
index ebe2beb8..ed35e177 100755
--- a/ui/gallery-prototype.js
+++ b/ui/gallery-prototype.js
@@ -1098,6 +1098,25 @@ function alignRibbons(){
 	}
 }
 
+// XXX need to make this work for % values...
+// XXX make this usable as an event handler for .resize(...) event...
+function fieldSize(W, H){
+	var oW = $('.container').width()
+	var oH = $('.container').height()
+
+	var scale = getElementScale($('.field'))
+
+	$('.container').css({
+		'width': W,
+		'height': H
+	})
+
+	// shift the field...
+	$('.field').css({
+		'margin-top': (parseFloat($('.field').css('margin-top')) + (H-oH)/2), 
+		'margin-left': (parseFloat($('.field').css('margin-left')) + (W-oW)/2)
+	})
+}
 
 
 
diff --git a/ui/gallery.html b/ui/gallery.html
index 54eed5d5..e84a62ba 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -33,7 +33,6 @@ body {
 <!-- XXX STUB -->
 <script src="images.js"></script>
 <script src="gallery-prototype.js"></script>
-<script src="ui.js"></script>
 <script src="markers.js"></script>
 
 <!-- keep this after anything it uses -->
diff --git a/ui/index.html b/ui/index.html
index fbef6fb2..b962b8c0 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -230,8 +230,9 @@
 <script src="lib/jli.js"></script>
 <script src="lib/keyboard.js"></script>
 
-<script src="ImageGrid.js"></script>
-<script src="ImageGrid.data.js"></script>
+<script src="base.js"></script>
+<script src="data.js"></script>
+<script src="ui.js"></script>
 <script src="keybindings3.js"></script>
 
 <script>
diff --git a/ui/ui.js b/ui/ui.js
index bfcc0109..014d2889 100755
--- a/ui/ui.js
+++ b/ui/ui.js
@@ -1,26 +1,4 @@
 /*********************************************************************/
 
-// XXX need to make this work for % values...
-// XXX make this usable as an event handler for .resize(...) event...
-function fieldSize(W, H){
-	var oW = $('.container').width()
-	var oH = $('.container').height()
-
-	var scale = getElementScale($('.field'))
-
-	$('.container').css({
-		'width': W,
-		'height': H
-	})
-
-	// shift the field...
-	$('.field').css({
-		'margin-top': (parseFloat($('.field').css('margin-top')) + (H-oH)/2), 
-		'margin-left': (parseFloat($('.field').css('margin-left')) + (W-oW)/2)
-	})
-}
-
-
-
 /*********************************************************************/
 // vim:set ts=4 sw=4 nowrap :