add Safari 6.1/7.0 support

Author: johanneswilm

book.js

@@ -1241,11 +1241,13 @@
                 setTimeout(redoToc, 0);
 
             });
-            document.fontloader.addEventListener('loadingdone', function() {
-                // When fonts have been loaded, update the body layout.
-                // TODO: This does not seem to work at all times. 
-                document.body.dispatchEvent(pagination.events.bodyLayoutUpdated);
-            });
+            if (document.hasOwnProperty('fontloader')) {
+            	document.fontloader.addEventListener('loadingdone', function() {
+                	// When fonts have been loaded, update the body layout.
+                	// TODO: This does not seem to work at all times. 
+                	document.body.dispatchEvent(pagination.events.bodyLayoutUpdated);
+            	});
+            }
         }
         if (pagination.config('enableCrossReferences')) {
             pagination.findAllCrossReferences();
@@ -2145,6 +2147,14 @@
 
         flowObject.namedFlow.addEventListener("webkitregionoversetchange", checkOverset);
 
+        if (navigator.userAgent.indexOf('6.1 Safari/') > -1 
+        || navigator.userAgent.indexOf('7.0 Safari/') > -1) {
+            /* Safari 6.1/7 does not include the regionoversetchange event. 
+             * Newer versions should drop the regionlayoutupdate event.
+         	 */
+        	flowObject.namedFlow.addEventListener("webkitregionlayoutupdate", checkOverset);
+        }
+
         flowObject.currentlyChecking = false;
 
         if (this.rawdiv) {

index.html

@@ -6,10 +6,14 @@ <h4>Page headers, footnotes, pagenumbers, multi columns, TOC, using CSS Regions<
 
 <h2>Steps:</h2>
 <ol>
-  <li>Download a recent version of Chromium/Chrome (29+)</li>
-  <li>In Chrome/Chromium open a new tab and go to "<code>chrome://flags/</code>"</li>
-  <li>Search for "Webkit Experimental Features" and enable them</li>
-  <li>Restart your browser</li>
+  <li>Download a recent version of Chromium/Chrome (29+) or Safari 6.1/7.0</li>
+  <li>If you use Chrome/Chromium:
+  <ul>
+  	<li>Open a new tab and go to "<code>chrome://flags/</code>"</li>
+  	<li>Search for "Webkit Experimental Features" and enable them</li>
+  	<li>Restart your browser</li>
+  </ul>
+  </li>
   <li>Read the "Notice" below so you know what to look for and then</li>
   <li>Check out the <a href="test.html">simple test book</a>, a book with <a href="test2.html">many chapters</a>, or a book with a <a href="test3.html">very long chapter</a>, <a href="test4.html">top floats</a>.</li>
 </ol>
@@ -30,7 +34,7 @@ <h2>Footnotes:</h2>
 <p>In order to insert a footnote into the source text, simply insert it as a span with a class 'pagination-footnote', such as <i>&lt;span class='pagination-footnote'&gt;&lt;span&gt;&lt;span&gt;This a footnote&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;</i>. See also the source code of the <a href="test.html">Test Page</a>.</p>
 
 <h2>License:</h2>
-BookJS is licensed under the APL license. For further information, check <a href="LICENSE.txt">LICENSE.txt</a>.
+BookJS is licensed under the AGPL license. For further information, check <a href="LICENSE.txt">LICENSE.txt</a>.
 
 
 </body>