/********************************************************************** * * XXX add copyright and licence info... * **********************************************************************/ var NAVIGATE_RELATIVE_TO_VISIBLE = false var USE_PAGE_ALIGN = true /********************************************************** layout ***/ var togglePageFitMode = createCSSClassToggler( '.viewer', '.page-fit-to-viewer', function(action){ if(action == 'on'){ console.log('fitting pages to view...') var n = getPageNumber() var scale = getMagazineScale() $('.page:not(.no-resize)').width($('.viewer').width()/scale) setCurrentPage(n) } else { console.log('restoring page sizes...') var n = getPageNumber() $('.page:not(.no-resize)').width('') setCurrentPage(n) } }) /********************************************************* helpers ***/ function getPageNumber(page){ if(page != null){ return $('.page').index($(page)) } if(!NAVIGATE_RELATIVE_TO_VISIBLE){ return $('.page').index($('.current.page')) } else { // XXX this gets crazy when magazine is scaled... var s = $('.viewer').scrollLeft() var W = $('.viewer').width() var scale = getMagazineScale() var cur = -1 var res = $('.page').map(function(i, e){ e = $(e) var l = e.position().left var w = e.width()*scale return Math.abs((l+(w/2)) - (s+(W/2))) }) cur = res.index(Math.min.apply(Math, res)) return cur } } function getMagazineScale(){ return getElementScale($('.magazine')) } function setMagazineScale(scale){ var mag = $('.magazine') // NOTE: we are updating margins to make the scroll area adapt to new scale... var w = mag.width() var m = -(w - (w*scale))/2 + $('.viewer').width()/2 mag.css({ 'margin-left': m, 'margin-right': m // XXX also add margins at top and bottom for vertical elements... }) setElementScale(mag, scale) setCurrentPage() } /********************************************************* actions ***/ function setCurrentPage(n){ if(n == null){ n = getPageNumber() } var scale = getMagazineScale() var l = $('.page').length n = n < 0 ? l - n : n n = n < -l ? 0 : n n = n >= l ? l - 1 : n $('.current.page').removeClass('current') $($('.page')[n]).addClass('current') var cur = $('.current.page') if(USE_PAGE_ALIGN && $('.page').width()*2*scale > $('.viewer').width()){ var align = getPageAlign() } else { var align = 'center' } if(align == 'left'){ var offset = 0 } else if(align == 'right'){ var offset = $('.viewer').width() - cur.width()*scale } else { var offset = $('.viewer').width()/2 - (cur.width()/2)*scale } cur.ScrollTo({ offsetTop: $('.viewer').height()/2 - (cur.height()/2)*scale, offsetLeft: offset }) } function nextPage(){ setCurrentPage(getPageNumber()+1) } function prevPage(){ var n = getPageNumber()-1 n = n < 0 ? 0 : n setCurrentPage(n) } function firstPage(){ setCurrentPage(0) } function lastPage(){ setCurrentPage(-1) } /*********************************************************************/ // vim:set ts=4 sw=4 :