add page turn handling for iframe margins

1 files changed, 20 insertions, 0 deletions

diff --git a/js/reader.js b/js/reader.js
index 255ee91..e0572aa 100644
--- a/js/reader.js
+++ b/js/reader.js
@@ -23,6 +23,26 @@ $(document).ready(function() {
 		}
 	});
 
+	$(window).on("mouseup", function(evt) {
+		if (evt.button == 0) {
+
+			if ($(".modal").is(":visible"))
+					return;
+
+			var reader = $("body");
+			var doc = document.documentElement;
+			var margin_side = parseInt(reader.css("padding-left"), 10);
+
+			if (evt.clientX >= doc.clientWidth - margin_side) {
+				console.log("iframe: RIGHT SIDE");
+				parent.next_page();
+			} else if (evt.clientX <= margin_side) {
+				console.log("iframe: LEFT SIDE");
+				parent.prev_page();
+			}
+		}
+	});
+
 	$(window).on("touchstart", function() {
 		enable_swipes();
 	});