-<html>
+<html class="no-js">
<head>
<title>eBook Library</title>
<link href="lib.css" rel="stylesheet" type="text/css"/>
<meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
- <body>
- <form>
+ <body onload="onSearch();">
+ <form onmouseenter="ToolTip.stopTooltipTimer();">
<input id="search" onclick="onSearch();" type="button" value="Search"/>
- Author: <input id="aut" type="text"/>
- Title: <input id="tit" type="text"/>
- Series: <input id="ser" type="text"/>
+ <span class="term">Author: <input id="aut" type="text"/></span>
+ <span class="term">Title: <input id="tit" type="text"/></span>
+ <span class="term">Series: <input id="ser" type="text"/></span>
+ <span class="term">Language: <input id="lan" type="text"/></span>
</form>
<div class="pager">
<input id="back" onclick="onPrev();" value="Back" type="button"/>
<input id="forward" onclick="onNext();" value="Forward" type="button"/>
- <input id="slider" onchange="onSlide(this.value);" min="1" max="1" type="range" value="0"/>
+ <input id="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
</div>
<div id="books">(No books found)</div>
- <script src="lib.js"></script>
+ <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
+
+ <div class="pager">
+ <input id="bottom_back" onclick="onPrev();" value="Back" type="button"/>
+ <input id="bottom_forward" onclick="onNext();" value="Forward" type="button"/>
+ <input id="bottom_slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
+ Showing <span id="bottom_first">0</span> through <span id="bottom_last">0</span> out of <span id="bottom_count">0</span> matching books.
+ </div>
+
+ <script src="modernizr-custom.js"></script>
+ <script src="lib.min.js"></script>
</body>
</html>