Always bind the swipe events to 'body' since the content role divs
won't always be the same size as the visible screen.
Bind and unbind the appropriate handlers when pages change. Still
need to work out when the *initial* event is triggered for each page.
</div>
<!-- Month View -->
-<div data-role="page" id="monthview">
+<div data-role="page" id="monthview" class="monthview">
<div data-role="header"><h1>Month</h1></div>
<div data-role="content" class="ui-body" id="monthcontent">
<div id="kronolithMinical" class="kronolithMinical">