From f9c9196c865e786f798c14df38c80adc5540578e Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Tue, 12 Feb 2013 04:14:48 +0400
Subject: [PATCH] added the full/ribbon mode toggle to layout.html...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 layout.js | 73 +++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 58 insertions(+), 15 deletions(-)

diff --git a/layout.js b/layout.js
index c3d7684..fdcb0b3 100755
--- a/layout.js
+++ b/layout.js
@@ -8,27 +8,70 @@ var NAVIGATE_RELATIVE_TO_VISIBLE = false
 
 var USE_PAGE_ALIGN = true
 
+var PAGES_IN_RIBBON = 4
+
 
 
 /********************************************************** layout ***/
 
 var togglePageFitMode = createCSSClassToggler(
-	'.viewer', 
-	'.page-fit-to-viewer', 
-	function(action){
-		if(action == 'on'){
-			console.log('fitting pages to view...')
-			var n = getPageNumber()
-			var scale = getMagazineScale()
-			$('.page:not(.no-resize)').width($('.viewer').width()/scale)
+		'.viewer', 
+		'.page-fit-to-viewer', 
+		function(action){
+			if(action == 'on'){
+				console.log('fitting pages to view...')
+				var n = getPageNumber()
+				var scale = getMagazineScale()
+				$('.page:not(.no-resize)').width($('.viewer').width()/scale)
+			} else {
+				console.log('restoring page sizes...')
+				var n = getPageNumber()
+				$('.page:not(.no-resize)').width('')
+			}
 			setCurrentPage(n)
-		} else {
-			console.log('restoring page sizes...')
-			var n = getPageNumber()
-			$('.page:not(.no-resize)').width('')
-			setCurrentPage(n)
-		}
-	})
+		})
+
+
+var togglePageView = createCSSClassToggler(
+		'.viewer',
+		'.full-page-view-mode',
+		// XXX make this support transitions...
+		function(action){
+			var view = $('.viewer')
+			var page = $('.page')
+
+			if(action == 'on'){
+				var W = view.width()
+				var H = view.height()
+				var w = page.width()
+				var h = page.height()
+
+				// XXX this is not correct...
+				// 		...need to fit one rectangel (page) into another (viewer)
+				if(W >= H){
+					// fit to width...
+					var scale = W/w
+				} else {
+					// fit to height...
+					var scale = H/h
+				}
+				setMagazineScale(scale)
+				unanimated($('.magazine, .viewer'), togglePageFitMode)('on')
+			} else {
+				unanimated($('.magazine, .viewer'), togglePageFitMode)('off')
+
+				var W = view.width()
+				var H = view.height()
+				var w = page.width()
+				var h = page.height()
+
+				scale = W/(w*PAGES_IN_RIBBON)
+				setMagazineScale(scale)
+			}
+			// NOTE: can't disable transitions on this one because ScrollTo
+			// 		uses jQuery animation...
+			setCurrentPage()
+		})