+ '</div>'
+ '<div id="BRnavpos">'
+ '<div id="BRfiller"></div>'
- + '<div id="BRpager">'
-
- /* XXX
- + '<div id="BRslider">'
- + '<div id="slider"></div>'
- + '<div id="pager"></div>'
- // XXXmang update code to update pagenum
- + '<div id="pagenum"><span class="currentpage">n141</span> / <span class="totalpages">325</span></div>'
- + '</div>'
- */
- + '</div>'
+ + '<div id="BRpager"></div>'
+ '<div id="BRnavline">'
+ '<div class="BRnavend" id="BRnavleft"></div>'
+ '<div class="BRnavend" id="BRnavright"></div>'
.append('<div id="pagenum"><span class="currentpage"></span></div>');
//.wrap('<div class="ui-handle-helper-parent"></div>').parent(); // XXXmang is this used for hiding the tooltip?
+ $('.BRicon.book_left').bind('click', function() {
+ self.left();
+ });
+ $('.BRicon.book_right').bind('click', function() {
+ self.right();
+ });
+
this.updateNavPageNum(this.currentIndex());
$("#BRzoombtn").draggable({axis:'y',containment:'parent'});
/* XXXmang integrate search */
+ "<form method='get' id='booksearch'><input type='search' id='textSrch' name='textSrch' val='' placeholder='Search inside'/><button type='submit' id='btnSrch' name='btnSrch'>GO</button></form>"
// XXXmang icons incorrect or handlers wrong
- + "<button class='BRicon info' onclick='br.switchMode(3); return false;'></button>"
- + "<button class='BRicon share' onclick='br.switchMode(2); return false;'></button>"
+ + "<button class='BRicon info'></button>"
+ + "<button class='BRicon share'></button>"
+ "<button class='BRicon read modal'></button>"
+ "<button class='BRicon full'></button>"
+ "</span>"
self.rightmost();
return false;
});
+
+ // $$$mang cleanup
+ $('#BRzoomer .zoom_in').bind('click', function() {
+ self.zoom(1);
+ return false;
+ });
+
+ $('#BRzoomer .zoom_out').bind('click', function() {
+ self.zoom(-1);
+ return false;
+ });
}
// updateToolbarZoom(reduce)