From 454be47e66ce7154cfe0d27f3c1f532b3e611779 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sun, 5 Aug 2012 00:02:17 +0400
Subject: [PATCH] added white bg for single image mode...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/gallery-prototype.js  | 15 +++++++++++++++
 ui/gallery.html          |  1 +
 ui/single-image-mode.css | 21 +++++++++++++++++++++
 3 files changed, 37 insertions(+)

diff --git a/ui/gallery-prototype.js b/ui/gallery-prototype.js
index 9e0ad310..aaa70867 100755
--- a/ui/gallery-prototype.js
+++ b/ui/gallery-prototype.js
@@ -7,6 +7,7 @@ var keys = {
 	toggleHelp: [72],
 	toggleSingleImageMode: [70, 13],	// ???, Enter
 	toggleSingleImageModeTransitions: [84],	// t
+	toggleSingleImageModeWhiteBG: [87],	// w
 	close: [27, 88, 67],
 
 	// zooming...
@@ -234,6 +235,7 @@ function handleKeys(event){
 
 		: (fn(code, keys.toggleSingleImageMode) >= 0) ? toggleSingleImageMode()
 		: (fn(code, keys.toggleSingleImageModeTransitions) >= 0) ? toggleSingleImageModeTransitions()
+		: (fn(code, keys.toggleSingleImageModeWhiteBG) >= 0) ? toggleSingleImageModeWhiteBG()
 		: (fn(code, keys.ignore) >= 0) ? false
 		// XXX
 		: (keys.helpShowOnUnknownKey) ? function(){alert(code)}()
@@ -549,6 +551,7 @@ function mergeRibbons(direction){
 }
 
 
+
 function toggleSingleImageModeTransitions(){
 	if( $('.no-single-image-transitions').length > 0 ){
 
@@ -560,6 +563,18 @@ function toggleSingleImageModeTransitions(){
 
 
 
+function toggleSingleImageModeWhiteBG(){
+	if( $('.single-image-white-bg').length > 0 ){
+
+		$('.single-image-white-bg').removeClass('single-image-white-bg')
+	} else {
+		$('.viewer').addClass('single-image-white-bg')
+	}
+}
+
+
+
+
 /*************************************************** Editor Actions **/
 
 // now the actual modifiers...
diff --git a/ui/gallery.html b/ui/gallery.html
index a72935a9..22e1be5d 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -102,6 +102,7 @@ $(document).ready(setup);
 	<br><br>
 
 	<button onclick="toggleSingleImageModeTransitions()">toggle single image mode transitions (t)</button>
+	<button onclick="toggleSingleImageModeWhiteBG()">toggle single image mode white background (w)</button>
 
 	<br><br>
 
diff --git a/ui/single-image-mode.css b/ui/single-image-mode.css
index 37d070cd..1c3ee062 100755
--- a/ui/single-image-mode.css
+++ b/ui/single-image-mode.css
@@ -42,3 +42,24 @@
 	transition: none;
 }
 
+/* white background */
+.single-image-mode.single-image-white-bg.viewer, .single-image-mode.single-image-white-bg .controller {
+	background: white;
+}
+
+
+.single-image-mode.single-image-white-bg .screen-button {
+	color: gray;
+}
+
+
+.single-image-mode.single-image-white-bg .image {
+	background-color: white;
+}
+
+.single-image-mode.single-image-white-bg .toggle-single, .single-image-mode.single-image-white-bg .zoom-in {
+	border-top: solid gray 1px;
+}
+
+
+