From b775da9e5ddbf46e210958a88ed9e8434e93280e Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 7 Jun 2012 02:20:14 +0400
Subject: [PATCH] cleanup and reorgonized the default state...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/gallery.html | 40 ++++++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/ui/gallery.html b/ui/gallery.html
index a391fe1d..76656380 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -107,7 +107,7 @@ function handleKeys(event){
 			}
 		}()
 		: (fn(code, keys.toggleRibbonView) >= 0) ? toggleRibbonView()
-		: (fn(code, keys.shiftKeys) >= 0) ? true
+		: (fn(code, keys.shiftKeys) >= 0) ? false
 		// XXX
 		: (keys.helpShowOnUnknownKey) ? function(){alert(code)}()
 		: false;
@@ -417,7 +417,7 @@ function demoteImage(){
 
 <div class="container">
 	<div class="field">
-		<div class="ribbon">
+		<!--div class="ribbon">
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
@@ -429,17 +429,37 @@ function demoteImage(){
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
-		</div>
+		</div-->
+		<!-- XXX make focusing on a first image and ribbon automatic... -->
 		<div class="ribbon current-ribbon">
-			<div class="image mock-image"></div>
-			<div class="image mock-image"></div>
-			<div class="image mock-image"></div>
 			<div class="image mock-image current-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
+			<div class="image mock-image"></div>
 		</div>
-		<div class="ribbon">
+		<!--div class="ribbon">
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
@@ -451,7 +471,7 @@ function demoteImage(){
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
 			<div class="image mock-image"></div>
-		</div>
+		</div-->
 	</div>
 </div>
 
@@ -485,8 +505,8 @@ function demoteImage(){
 
 <br><br>
 
-<button onclick="focusAboveRibbon()" disabled>focus above ribbon (shift-up)</button><br>
-<button onclick="focusBelowRibbon()" disabled>focus below ribbon (shift-down)</button>
+<button onclick="focusAboveRibbon()">focus above ribbon (shift-up)</button><br>
+<button onclick="focusBelowRibbon()">focus below ribbon (shift-down)</button>
 
 
 <!-- vim:set ts=4 sw=4 nowrap : -->