').addClass("map").attr('overlay',map.over).css({"left":map.x,"top":map.y,"width":map.w,"height":map.h}).bind("mouseover",function(e){$(this).parents('.page').find('.overlay').css({'background-image':'url(images/vectos/'+$(this).attr('overlay')+')'});}));}}};function initkeyboard(){keyboardJS.bind('right',function(event){nextPages();});keyboardJS.bind('left',function(event){prevPages();});};function initPagination(){$('.wrapper-l .l',_$pagination).on('click',function(event){prevPages();});$('.wrapper-r .l',_$pagination).on('click',function(event){nextPages();});};init();});
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 97c90bb..da4ac69 100644
--- a/js/main.js
+++ b/js/main.js
@@ -13,8 +13,10 @@ $(document).ready(function() {
_$page_left = $('#page-left'), _$page_right = $('#page-right'),
_$overlay_left = $('#page-left .overlay'), _$overlay_right = $('#page-right .overlay'),
_$maps_left = $('#page-left .maps'), _$maps_right = $('#page-right .maps'),
- _bgs_prefix = "images/pages/";
- _$railway = $('#railway');
+ _bgs_prefix = "images/pages/",
+ _$railway = $('#railway'),
+ _$pagination = $('#pagination');
+ _$pagi_l = $('#pagination .wrapper-l .p'), _$pagi_r = $('#pagination .wrapper-r .p');
// ____ _ __
// / _/___ (_) /_
@@ -28,6 +30,7 @@ $(document).ready(function() {
initData();
initRailway();
initkeyboard();
+ initPagination();
changePages();
};
@@ -59,9 +62,9 @@ $(document).ready(function() {
function initRailway(){
var $ul = $('
');
var ap, bgl, bgr;
- for (var p = 0; p <= _pl; p++) {
- console.log("-- PAGE --", p);
- ap = typeof _active_pages[p] !== "undefined" ? _active_pages[p] : false;
+ for (var dp = 0; dp <= _pl; dp++) {
+ // console.log("-- DOUBLE PAGE --", dp);
+ ap = typeof _active_pages[dp] !== "undefined" ? _active_pages[dp] : false;
// console.log("ap",ap);
if(ap !== false){
bgl = typeof _PAGES[ap][0].bg !== "undefined" ? _bgs_prefix+"thumbs/"+_PAGES[ap][0].bg : false;
@@ -73,21 +76,33 @@ $(document).ready(function() {
// console.log("bgl", bgl);
// console.log("bgr", bgr);
- if(p!=0)
+ var p = dp*2;
+
+ if(dp!=0)
$('- ')
- .addClass('page page-'+p+' page-left')
+ .addClass('page page-'+(p-1)+' double-page-'+dp+' page-left')
.addClass(bgl ? 'active' : 0)
.css({'background-image': bgl ? "url("+bgl+")" : "none"})
.appendTo($ul);
- if(p<_pl)
+ if(dp<_pl)
$('
- ')
- .addClass('page page-'+p+' page-right')
+ .addClass('page page-'+p+' double-page-'+dp+' page-right')
.addClass(bgr ? 'active' : 0)
.css({'background-image': bgr ? "url("+bgr+")" : "none"})
.appendTo($ul);
}
$ul.appendTo(_$railway);
+
+ $('li', _$railway).on('click', function(event) {
+ var p = $(this).attr('class').match(/page-(\d+)/)[1];
+ console.log('page', p);
+ console.log(p%2);
+ // check if page is pair ou impair and calculate de double_page number
+ var dp = p%2 ? (p*1+1)/2 : p/2;
+ _current_pages = _active_pages[dp];
+ changePages();
+ });
}
// TODO: next page arrow
@@ -116,14 +131,19 @@ $(document).ready(function() {
function changePages(){
console.log("changePages", _current_pages);
+ $('li',_$railway).removeClass('current');
+
if (typeof _PAGES[_current_pages][0].bg !== "undefined") {
var pl = _PAGES[_current_pages][0];
_$page_left
.css({'background-image': "url("+_bgs_prefix+pl.bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+pl.page);
+ _$pagi_l.text(pl.page);
+ $('li.page-'+pl.page).addClass('current');
}else{
_$page_left.css({'background-image': "none"});
+ _$pagi_l.text("");
}
if (typeof _PAGES[_current_pages][1].bg !== "undefined") {
@@ -132,8 +152,11 @@ $(document).ready(function() {
.css({'background-image': "url("+_bgs_prefix+pr.bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+pr.page);
+ _$pagi_r.text(pr.page);
+ $('li.page-'+pr.page).addClass('current');
}else{
_$page_right.css({'background-image': "none"});
+ _$pagi_r.text("");
}
// updatePagesOverlays();
@@ -198,5 +221,24 @@ $(document).ready(function() {
});
};
+ // ____ _ __ _
+ // / __ \____ _____ _(_)___ ____ _/ /_(_)___ ____
+ // / /_/ / __ `/ __ `/ / __ \/ __ `/ __/ / __ \/ __ \
+ // / ____/ /_/ / /_/ / / / / / /_/ / /_/ / /_/ / / / /
+ // /_/ \__,_/\__, /_/_/ /_/\__,_/\__/_/\____/_/ /_/
+ // /____/
+ function initPagination(){
+ $('.wrapper-l .l', _$pagination).on('click', function(event) {
+ prevPages();
+ });
+ $('.wrapper-r .l', _$pagination).on('click', function(event) {
+ nextPages();
+ });
+
+
+ };
+
+
+
init();
});