From 610f80315cc448ec3da65bd9f2b471587dbb9be5 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 14 Feb 2013 08:02:07 +0400
Subject: [PATCH] added transform switching...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 index.html  | 12 +++++++++++-
 magazine.js | 13 ++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9e395cd..50c83b1 100755
--- a/index.html
+++ b/index.html
@@ -852,13 +852,21 @@ $(document).ready(function(){
 								<button id="DRAG_FULL_PAGE" onclick="toggleSetting(this)"></button>
 							</td>
 						</tr>
-						<tr>
+						<!--tr>
 							<td>
 								Toggle viewer animation (affects transition to and from full page view): 
 							</td>
 							<td>
 								<button id="viewer_transition_state" onclick="toggleViewerAnimation()"></button>
 							</td>
+						</tr-->
+						<tr>
+							<td>
+								Use transform to drag: 
+							</td>
+							<td>
+								<button id="USE_TRANSFORM" onclick="toggleSetting(this); setCurrentPage()"></button>
+							</td>
 						</tr>
 						<tr>
 							<td>
@@ -975,6 +983,7 @@ $(document).ready(function(){
 						USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false
 						UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false
 						FULL_HISTORY_ENABLED = $('#FULL_HISTORY_ENABLED').text() == 'true' ? true : false
+						USE_TRANSFORM = $('#USE_TRANSFORM').text() == 'true' ? true : false
 
 					}
 					function loadSettings(){
@@ -986,6 +995,7 @@ $(document).ready(function(){
 						$('#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)
+						$('#USE_TRANSFORM').text(USE_TRANSFORM)
 						$('#theme_toggler').text(toggleThemes('?'))
 						$('#theme_shadow_toggler').text(toggleShadows('?'))
 
diff --git a/magazine.js b/magazine.js
index 4bbd8c5..5912c7b 100755
--- a/magazine.js
+++ b/magazine.js
@@ -223,12 +223,23 @@ function shiftMagazineTo(offset){
 			'-moz-transform' : transform, 
 			'-o-transform' : transform, 
 			'transform' : transform, 
+
+			// XXX can we avoid this here?? 
+			left: 0,
 		})
 	} else {
+		var transform = 'translate(0px, 0px) translateZ(0px)'
 		mag.css({
 			// NOTE: this will be wrong during a transition, that's why we 
 			// 		can pass the pre-calculated offset as an argument...
-			left: offset
+			left: offset,
+
+			// XXX can we avoid this here?? 
+			'-ms-transform' : transform, 
+			'-webkit-transform' : transform, 
+			'-moz-transform' : transform, 
+			'-o-transform' : transform, 
+			'transform' : transform, 
 		})
 	}
 }