From d208a2a09a64bd5912fd0df33dbdafb6553a8fca Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sat, 9 Feb 2013 02:10:35 +0400
Subject: [PATCH] added shadow toggler button for testing...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 index.html          | 21 +++++++++++++++------
 magazine-themes.css | 10 ++++++++++
 magazine.js         |  2 ++
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6f10d04..df1e569 100755
--- a/index.html
+++ b/index.html
@@ -800,14 +800,14 @@ $(document).ready(function(){
 								<button id="USE_REAL_PAGE_SIZES" onclick="toggleSetting(this)"></button>
 							</td>
 						</tr>
-						<tr>
+						<!--tr>
 							<td>
 								Animate window resize: 
 							</td>
 							<td>
 								<button id="ANIMATE_WINDOW_RESIZE" onclick="toggleSetting(this)"></button>
 							</td>
-						</tr>
+						</tr-->
 						<tr>
 							<td>
 								Drag in full page view: 
@@ -840,6 +840,14 @@ $(document).ready(function(){
 								<button id="theme_toggler" onclick="toggleThemes(); $(this).text(toggleThemes('?'))"></button>
 							</td>
 						</tr>
+						<tr>
+							<td>
+								Toggele themes shadows: 
+							</td>
+							<td>
+								<button id="theme_shadow_toggler" onclick="toggleShadows(); $(this).text(toggleShadows('?'))"></button>
+							</td>
+						</tr>
 						<tr>
 							<td>
 								Full navigation gistory: 
@@ -860,7 +868,7 @@ $(document).ready(function(){
 
 					<hr noshade color="silver">
 
-					<table class="settings" width="100%" style="font-size:small">
+					<table class="settings" width="100%" style="font-size:x-small">
 						<tr>
 							<td width="50%">
 								Fingers supported: 
@@ -933,7 +941,7 @@ $(document).ready(function(){
 
 
 						FIT_PAGE_TO_VIEW = $('#FIT_PAGE_TO_VIEW').text() == 'true' ? true : false
-						ANIMATE_WINDOW_RESIZE = $('#ANIMATE_WINDOW_RESIZE').text() == 'true' ? true : false
+						//ANIMATE_WINDOW_RESIZE = $('#ANIMATE_WINDOW_RESIZE').text() == 'true' ? true : false
 						DRAG_FULL_PAGE = $('#DRAG_FULL_PAGE').text() == 'true' ? true : false
 						USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false
 						UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false
@@ -943,17 +951,18 @@ $(document).ready(function(){
 						$('#transition_duration').attr('value', TRANSITION_DURATION)
 						$('#PAGES_IN_RIBBON').attr('value', PAGES_IN_RIBBON)
 						$('#FIT_PAGE_TO_VIEW').text(FIT_PAGE_TO_VIEW)
-						$('#ANIMATE_WINDOW_RESIZE').text(ANIMATE_WINDOW_RESIZE)
+						//$('#ANIMATE_WINDOW_RESIZE').text(ANIMATE_WINDOW_RESIZE)
 						$('#DRAG_FULL_PAGE').text(DRAG_FULL_PAGE)
 						$('#USE_REAL_PAGE_SIZES').text(USE_REAL_PAGE_SIZES)
 						$('#UPDATE_HASH_URL_POSITION').text(UPDATE_HASH_URL_POSITION)
 						$('#FULL_HISTORY_ENABLED').text(FULL_HISTORY_ENABLED)
+						$('#theme_toggler').text(toggleThemes('?'))
+						$('#theme_shadow_toggler').text(toggleShadows('?'))
 
 						$('#FingersSupported').text($.fn.swipe.fingers.ALL)
 						var b = $('#BrowserInfo')
 						$.each($.browser, function(i, e){$('<div>'+i+': '+e+'</div>').appendTo(b)})
 						$('#UserAgent').text(navigator.userAgent)
-						$('#theme_toggler').text(toggleThemes('?'))
 					}
 					function toggleSetting(obj){
 						obj = $(obj)
diff --git a/magazine-themes.css b/magazine-themes.css
index 1d0f248..429412e 100755
--- a/magazine-themes.css
+++ b/magazine-themes.css
@@ -261,4 +261,14 @@
 
 
 
+/*********************************************************************/
+
+.shadowless.viewer .magazine,
+.shadowless.viewer .top-toolbar,
+.shadowless.viewer .bottom-toolbar {
+	box-shadow: none;
+}
+
+
+
 /*********************************************************************/
diff --git a/magazine.js b/magazine.js
index 48c7c08..16c38de 100755
--- a/magazine.js
+++ b/magazine.js
@@ -81,6 +81,8 @@ toggleThemes = createCSSClassToggler('.viewer', [
 	'dark'
 ])
 
+toggleShadows = createCSSClassToggler('.viewer', 'shadowless')
+
 
 
 // this is here only for speed, helps with dragging...