Editing Book Viewer Component (section)

== JavaScript ==

=== Page initialization ===

* `$('.sketchbook-viewer').bookviewer('bindBookSetHandlers');`<br />Binds handlers for the page set, page previews, and book previews.
* `$(document).bookviewer('bindKeyedNavigation');`<br />Configures navigation from page to page using right and left arrow keys, and right and left swipes on tablets.
* `$('.header').bookviewer('toggleHeader', 4000);`
** With the 2nd argument value of `4000`, replaces the "normal" header element with a minimized version after 4 seconds.
** After the header is minimized, it can be restored by mousing over the minimized header.
** After mousing out of the "normal" header it is again swapped with the minimized version.
** The default minimized header element selector is `.minimized-header` and should be hidden initially. 

=== jQuery libraries ===

* `jQuery`
* `jQuery UI`
* [http://jquerymobile.com/|`jQuery Mobile`] 
** <span style="color:red;">'''UPDATE'''</span> I removed jQuery Mobile library. [[#jQuery_Mobile_issues|It was causing too many problems.]]
** Support for tablet swipe navigation. 
** CDN at //code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css
** '''IMPORTANT''' The jQuery Mobile library MUST be included on the page ''before'' the jQuery UI libraries. There is some sort of collision between the two and the scrollbars won't work otherwise.

=== jQuery Mobile issues ===

* Displays a loader widget which is very difficult to suppress. 
* Links to new pages get loaded into a page element at the bottom of the page, instead of making a simple redirect.
* Clashes with jQuery UI slider widget.

=== "littled" libraries ===

* `$.littled`
* `$.bookviewer`