yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

use font icons instead of images for navigation

Browse source
This commit is contained in:
Bala Clark 2013-05-03 08:08:39 +02:00
parent 24c9693832
commit 9dadedff3f
5 changed files with 55 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

10
css/styles.css
View file

@ -20,6 +20,16 @@
opacity: 0;
background: center no-repeat;
box-shadow: none;
padding: 0 3em;
}
.navigate > span {
color: #000;
font-size: 13em;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 13em;
top: 35%;
position: relative;
}
.navigate:hover {

71
lib/ComicBook.min.js vendored
View file

@ -1,41 +1,44 @@
var Pixastic=function(){function c(g,e,b){g.addEventListener?g.addEventListener(e,b,!1):g.attachEvent&&g.attachEvent("on"+e,b)}function d(g){var b=!1,a=function(){b||(b=!0,g())};document.write('<script defer src="//:" id="__onload_ie_pixastic__"><\/script>');var p=document.getElementById("__onload_ie_pixastic__");p.onreadystatechange=function(){p.readyState=="complete"&&(p.parentNode.removeChild(p),a())};document.addEventListener&&document.addEventListener("DOMContentLoaded",a,!1);c(window,"load",
a)}function a(){for(var g=b("pixastic",null,"img"),a=b("pixastic",null,"canvas"),c=g.concat(a),p=0;p<c.length;p++)(function(){for(var g=c[p],b=[],a=g.className.split(" "),e=0;e<a.length;e++){var d=a[e];d.substring(0,9)=="pixastic-"&&(d=d.substring(9),d!=""&&b.push(d))}if(b.length)if(g.tagName.toLowerCase()=="img")if(a=new Image,a.src=g.src,a.complete)for(a=0;a<b.length;a++)(e=Pixastic.applyAction(g,g,b[a],null))&&(g=e);else a.onload=function(){for(var a=0;a<b.length;a++){var e=Pixastic.applyAction(g,
g,b[a],null);e&&(g=e)}};else setTimeout(function(){for(var a=0;a<b.length;a++){var e=Pixastic.applyAction(g,g,b[a],null);e&&(g=e)}},1)})()}function b(g,a,b){var c=[];a==null&&(a=document);b==null&&(b="*");a=a.getElementsByTagName(b);b=a.length;g=RegExp("(^|\\s)"+g+"(\\s|$)");for(i=0,j=0;i<b;i++)g.test(a[i].className)&&(c[j]=a[i],j++);return c}function h(g,a){if(Pixastic.debug)try{switch(a){case "warn":console.warn("Pixastic:",g);break;case "error":console.error("Pixastic:",g);break;default:console.log("Pixastic:",
g)}}catch(b){}}typeof pixastic_parseonload!="undefined"&&pixastic_parseonload&&d(a);var m=function(){var a=document.createElement("canvas"),b=!1;try{b=!!(typeof a.getContext=="function"&&a.getContext("2d"))}catch(c){}return function(){return b}}(),l=function(){var a=document.createElement("canvas"),b=!1,c;try{if(typeof a.getContext=="function"&&(c=a.getContext("2d")))b=typeof c.getImageData=="function"}catch(d){}return function(){return b}}(),f=function(){var a=!1,b=document.createElement("canvas");
if(m()&&l()){b.width=b.height=1;b=b.getContext("2d");b.fillStyle="rgb(255,0,0)";b.fillRect(0,0,1,1);var c=document.createElement("canvas");c.width=c.height=1;var d=c.getContext("2d");d.fillStyle="rgb(0,0,255)";d.fillRect(0,0,1,1);b.globalAlpha=0.5;b.drawImage(c,0,0);a=b.getImageData(0,0,1,1).data[2]!=255}return function(){return a}}();return{parseOnLoad:!1,debug:!1,applyAction:function(a,b,c,d){var d=d||{},f=a.tagName.toLowerCase()=="canvas";if(f&&Pixastic.Client.isIE())return Pixastic.debug&&h("Tried to process a canvas element but browser is IE."),
!1;var k,m,l=!1;Pixastic.Client.hasCanvas()&&(l=!!d.resultCanvas,k=d.resultCanvas||document.createElement("canvas"),m=k.getContext("2d"));var s=a.offsetWidth,r=a.offsetHeight;if(f)s=a.width,r=a.height;if(s==0||r==0)if(a.parentNode==null){var n=a.style.position,t=a.style.left;a.style.position="absolute";a.style.left="-9999px";document.body.appendChild(a);s=a.offsetWidth;r=a.offsetHeight;document.body.removeChild(a);a.style.position=n;a.style.left=t}else{Pixastic.debug&&h("Image has 0 width and/or height.");
return}if(c.indexOf("(")>-1&&(n=c,c=n.substr(0,n.indexOf("(")),n=n.match(/\((.*?)\)/),n[1])){n=n[1].split(";");for(t=0;t<n.length;t++)if(thisArg=n[t].split("="),thisArg.length==2)if(thisArg[0]=="rect"){var o=thisArg[1].split(",");d[thisArg[0]]={left:parseInt(o[0],10)||0,top:parseInt(o[1],10)||0,width:parseInt(o[2],10)||0,height:parseInt(o[3],10)||0}}else d[thisArg[0]]=thisArg[1]}d.rect?(d.rect.left=Math.round(d.rect.left),d.rect.top=Math.round(d.rect.top),d.rect.width=Math.round(d.rect.width),d.rect.height=
Math.round(d.rect.height)):d.rect={left:0,top:0,width:s,height:r};n=!1;Pixastic.Actions[c]&&typeof Pixastic.Actions[c].process=="function"&&(n=!0);if(!n)return Pixastic.debug&&h('Invalid action "'+c+'". Maybe file not included?'),!1;if(!Pixastic.Actions[c].checkSupport())return Pixastic.debug&&h('Action "'+c+'" not supported by this browser.'),!1;if(Pixastic.Client.hasCanvas()){if(k!==a)k.width=s,k.height=r;if(!l)k.style.width=s+"px",k.style.height=r+"px";m.drawImage(b,0,0,s,r);a.__pixastic_org_image?
(k.__pixastic_org_image=a.__pixastic_org_image,k.__pixastic_org_width=a.__pixastic_org_width,k.__pixastic_org_height=a.__pixastic_org_height):(k.__pixastic_org_image=a,k.__pixastic_org_width=s,k.__pixastic_org_height=r)}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style=="undefined")a.__pixastic_org_style=a.style.cssText;b={image:a,canvas:k,width:s,height:r,useData:!0,options:d};if(!Pixastic.Actions[c].process(b))return!1;if(Pixastic.Client.hasCanvas()){b.useData&&Pixastic.Client.hasCanvasImageData()&&
(k.getContext("2d").putImageData(b.canvasData,d.rect.left,d.rect.top),k.getContext("2d").fillRect(0,0,0,0));if(!d.leaveDOM){k.title=a.title;k.imgsrc=a.imgsrc;if(!f)k.alt=a.alt;if(!f)k.imgsrc=a.src;k.className=a.className;k.style.cssText=a.style.cssText;k.name=a.name;k.tabIndex=a.tabIndex;k.id=a.id;a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(k,a)}return d.resultCanvas=k}return a},prepareData:function(a,b){var c=a.canvas.getContext("2d"),d=a.options.rect,c=c.getImageData(d.left,
d.top,d.width,d.height),d=c.data;if(!b)a.canvasData=c;return d},process:function(a,b,c,d){if(a.tagName.toLowerCase()=="img"){var f=new Image;f.src=a.src;if(f.complete){var h=Pixastic.applyAction(a,f,b,c);d&&d(h);return h}else f.onload=function(){var h=Pixastic.applyAction(a,f,b,c);d&&d(h)}}if(a.tagName.toLowerCase()=="canvas")return h=Pixastic.applyAction(a,a,b,c),d&&d(h),h},revert:function(a){if(Pixastic.Client.hasCanvas()){if(a.tagName.toLowerCase()=="canvas"&&a.__pixastic_org_image)return a.width=
a.__pixastic_org_width,a.height=a.__pixastic_org_height,a.getContext("2d").drawImage(a.__pixastic_org_image,0,0),a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(a.__pixastic_org_image,a),a}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style!="undefined")a.style.cssText=a.__pixastic_org_style},Client:{hasCanvas:m,hasCanvasImageData:l,hasGlobalAlpha:f,isIE:function(){return!!document.all&&!!window.attachEvent&&!window.opera}},Actions:{}}}();
Pixastic.Actions.brightness={process:function(c){var d=parseInt(c.options.brightness,10)||0,a=parseFloat(c.options.contrast)||0,b=!!(c.options.legacy&&c.options.legacy!="false");if(b)d=Math.min(150,Math.max(-150,d));else var h=1+Math.min(150,Math.max(-150,d))/150;a=Math.max(0,a+1);if(Pixastic.Client.hasCanvasImageData()){var m=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,l=c*4,f,g;a!=1?b?(b=a,d=(d-128)*a+128):(b=h*a,d=-a*128+128):b?b=1:(b=h,d=0);for(var e,x,p;c--;)m[l]=(e=m[l-=4]*b+
d)>255?255:e<0?0:e,m[f]=(x=m[f=l+1]*b+d)>255?255:x<0?0:x,m[g]=(p=m[g=l+2]*b+d)>255?255:p<0?0:p;return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};
var Pixastic=function(){function c(g,f,b){g.addEventListener?g.addEventListener(f,b,!1):g.attachEvent&&g.attachEvent("on"+f,b)}function d(g){var b=!1,a=function(){b||(b=!0,g())};document.write('<script defer src="//:" id="__onload_ie_pixastic__"><\/script>');var d=document.getElementById("__onload_ie_pixastic__");d.onreadystatechange=function(){d.readyState=="complete"&&(d.parentNode.removeChild(d),a())};document.addEventListener&&document.addEventListener("DOMContentLoaded",a,!1);c(window,"load",
a)}function a(){for(var g=b("pixastic",null,"img"),a=b("pixastic",null,"canvas"),c=g.concat(a),d=0;d<c.length;d++)(function(){for(var g=c[d],b=[],a=g.className.split(" "),f=0;f<a.length;f++){var h=a[f];h.substring(0,9)=="pixastic-"&&(h=h.substring(9),h!=""&&b.push(h))}if(b.length)if(g.tagName.toLowerCase()=="img")if(a=new Image,a.src=g.src,a.complete)for(a=0;a<b.length;a++)(f=Pixastic.applyAction(g,g,b[a],null))&&(g=f);else a.onload=function(){for(var a=0;a<b.length;a++){var f=Pixastic.applyAction(g,
g,b[a],null);f&&(g=f)}};else setTimeout(function(){for(var a=0;a<b.length;a++){var f=Pixastic.applyAction(g,g,b[a],null);f&&(g=f)}},1)})()}function b(g,a,b){var c=[];a==null&&(a=document);b==null&&(b="*");a=a.getElementsByTagName(b);b=a.length;g=RegExp("(^|\\s)"+g+"(\\s|$)");for(i=0,j=0;i<b;i++)g.test(a[i].className)&&(c[j]=a[i],j++);return c}function h(g,a){if(Pixastic.debug)try{switch(a){case "warn":console.warn("Pixastic:",g);break;case "error":console.error("Pixastic:",g);break;default:console.log("Pixastic:",
g)}}catch(b){}}typeof pixastic_parseonload!="undefined"&&pixastic_parseonload&&d(a);var m=function(){var a=document.createElement("canvas"),b=!1;try{b=!!(typeof a.getContext=="function"&&a.getContext("2d"))}catch(c){}return function(){return b}}(),l=function(){var a=document.createElement("canvas"),b=!1,c;try{if(typeof a.getContext=="function"&&(c=a.getContext("2d")))b=typeof c.getImageData=="function"}catch(d){}return function(){return b}}(),e=function(){var a=!1,b=document.createElement("canvas");
if(m()&&l()){b.width=b.height=1;b=b.getContext("2d");b.fillStyle="rgb(255,0,0)";b.fillRect(0,0,1,1);var c=document.createElement("canvas");c.width=c.height=1;var d=c.getContext("2d");d.fillStyle="rgb(0,0,255)";d.fillRect(0,0,1,1);b.globalAlpha=0.5;b.drawImage(c,0,0);a=b.getImageData(0,0,1,1).data[2]!=255}return function(){return a}}();return{parseOnLoad:!1,debug:!1,applyAction:function(a,b,c,d){var d=d||{},e=a.tagName.toLowerCase()=="canvas";if(e&&Pixastic.Client.isIE())return Pixastic.debug&&h("Tried to process a canvas element but browser is IE."),
!1;var k,m,l=!1;Pixastic.Client.hasCanvas()&&(l=!!d.resultCanvas,k=d.resultCanvas||document.createElement("canvas"),m=k.getContext("2d"));var s=a.offsetWidth,q=a.offsetHeight;if(e)s=a.width,q=a.height;if(s==0||q==0)if(a.parentNode==null){var r=a.style.position,t=a.style.left;a.style.position="absolute";a.style.left="-9999px";document.body.appendChild(a);s=a.offsetWidth;q=a.offsetHeight;document.body.removeChild(a);a.style.position=r;a.style.left=t}else{Pixastic.debug&&h("Image has 0 width and/or height.");
return}if(c.indexOf("(")>-1&&(r=c,c=r.substr(0,r.indexOf("(")),r=r.match(/\((.*?)\)/),r[1])){r=r[1].split(";");for(t=0;t<r.length;t++)if(thisArg=r[t].split("="),thisArg.length==2)if(thisArg[0]=="rect"){var n=thisArg[1].split(",");d[thisArg[0]]={left:parseInt(n[0],10)||0,top:parseInt(n[1],10)||0,width:parseInt(n[2],10)||0,height:parseInt(n[3],10)||0}}else d[thisArg[0]]=thisArg[1]}d.rect?(d.rect.left=Math.round(d.rect.left),d.rect.top=Math.round(d.rect.top),d.rect.width=Math.round(d.rect.width),d.rect.height=
Math.round(d.rect.height)):d.rect={left:0,top:0,width:s,height:q};r=!1;Pixastic.Actions[c]&&typeof Pixastic.Actions[c].process=="function"&&(r=!0);if(!r)return Pixastic.debug&&h('Invalid action "'+c+'". Maybe file not included?'),!1;if(!Pixastic.Actions[c].checkSupport())return Pixastic.debug&&h('Action "'+c+'" not supported by this browser.'),!1;if(Pixastic.Client.hasCanvas()){if(k!==a)k.width=s,k.height=q;if(!l)k.style.width=s+"px",k.style.height=q+"px";m.drawImage(b,0,0,s,q);a.__pixastic_org_image?
(k.__pixastic_org_image=a.__pixastic_org_image,k.__pixastic_org_width=a.__pixastic_org_width,k.__pixastic_org_height=a.__pixastic_org_height):(k.__pixastic_org_image=a,k.__pixastic_org_width=s,k.__pixastic_org_height=q)}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style=="undefined")a.__pixastic_org_style=a.style.cssText;b={image:a,canvas:k,width:s,height:q,useData:!0,options:d};if(!Pixastic.Actions[c].process(b))return!1;if(Pixastic.Client.hasCanvas()){b.useData&&Pixastic.Client.hasCanvasImageData()&&
(k.getContext("2d").putImageData(b.canvasData,d.rect.left,d.rect.top),k.getContext("2d").fillRect(0,0,0,0));if(!d.leaveDOM){k.title=a.title;k.imgsrc=a.imgsrc;if(!e)k.alt=a.alt;if(!e)k.imgsrc=a.src;k.className=a.className;k.style.cssText=a.style.cssText;k.name=a.name;k.tabIndex=a.tabIndex;k.id=a.id;a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(k,a)}return d.resultCanvas=k}return a},prepareData:function(a,b){var c=a.canvas.getContext("2d"),d=a.options.rect,c=c.getImageData(d.left,
d.top,d.width,d.height),d=c.data;if(!b)a.canvasData=c;return d},process:function(a,b,c,d){if(a.tagName.toLowerCase()=="img"){var h=new Image;h.src=a.src;if(h.complete){var e=Pixastic.applyAction(a,h,b,c);d&&d(e);return e}else h.onload=function(){var e=Pixastic.applyAction(a,h,b,c);d&&d(e)}}if(a.tagName.toLowerCase()=="canvas")return e=Pixastic.applyAction(a,a,b,c),d&&d(e),e},revert:function(a){if(Pixastic.Client.hasCanvas()){if(a.tagName.toLowerCase()=="canvas"&&a.__pixastic_org_image)return a.width=
a.__pixastic_org_width,a.height=a.__pixastic_org_height,a.getContext("2d").drawImage(a.__pixastic_org_image,0,0),a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(a.__pixastic_org_image,a),a}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style!="undefined")a.style.cssText=a.__pixastic_org_style},Client:{hasCanvas:m,hasCanvasImageData:l,hasGlobalAlpha:e,isIE:function(){return!!document.all&&!!window.attachEvent&&!window.opera}},Actions:{}}}();
Pixastic.Actions.brightness={process:function(c){var d=parseInt(c.options.brightness,10)||0,a=parseFloat(c.options.contrast)||0,b=!!(c.options.legacy&&c.options.legacy!="false");if(b)d=Math.min(150,Math.max(-150,d));else var h=1+Math.min(150,Math.max(-150,d))/150;a=Math.max(0,a+1);if(Pixastic.Client.hasCanvasImageData()){var m=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,l=c*4,e,g;a!=1?b?(b=a,d=(d-128)*a+128):(b=h*a,d=-a*128+128):b?b=1:(b=h,d=0);for(var f,x,o;c--;)m[l]=(f=m[l-=4]*b+
d)>255?255:f<0?0:f,m[e]=(x=m[e=l+1]*b+d)>255?255:x<0?0:x,m[g]=(o=m[g=l+2]*b+d)>255?255:o<0?0:o;return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};
Pixastic.Actions.desaturate={process:function(c){var d=!!(c.options.average&&c.options.average!="false");if(Pixastic.Client.hasCanvasImageData()){var a=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,b=c*4,h,m;if(d)for(;c--;)a[b-=4]=a[h=b+1]=a[m=b+2]=(a[b]+a[h]+a[m])/3;else for(;c--;)a[b-=4]=a[h=b+1]=a[m=b+2]=a[b]*0.3+a[h]*0.59+a[m]*0.11;return!0}else if(Pixastic.Client.isIE())return c.image.style.filter+=" gray",!0},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()||
Pixastic.Client.isIE()}};
Pixastic.Actions.sharpen={process:function(c){var d=0;typeof c.options.amount!="undefined"&&(d=parseFloat(c.options.amount)||0);d<0&&(d=0);d>1&&(d=1);if(Pixastic.Client.hasCanvasImageData()){for(var a=Pixastic.prepareData(c),b=Pixastic.prepareData(c,!0),h=15,d=1+3*d,m=[[0,-d,0],[-d,h,-d],[0,-d,0]],l=0,f=0;f<3;f++)for(var g=0;g<3;g++)l+=m[f][g];l=1/l;m=c.options.rect;c=m.width;m=m.height;h*=l;d*=l;l=c*4;f=m;do{var g=(f-1)*l,e=(f==1?0:f-2)*l,x=(f==m?f-1:f)*l,p=c;do{var q=g+(p*4-4),k=e+(p==1?0:p-2)*
4,u=x+(p==c?p-1:p)*4,v=(-b[k]-b[q-4]-b[q+4]-b[u])*d+b[q]*h,s=(-b[k+1]-b[q-3]-b[q+5]-b[u+1])*d+b[q+1]*h,k=(-b[k+2]-b[q-2]-b[q+6]-b[u+2])*d+b[q+2]*h;v<0&&(v=0);s<0&&(s=0);k<0&&(k=0);v>255&&(v=255);s>255&&(s=255);k>255&&(k=255);a[q]=v;a[q+1]=s;a[q+2]=k}while(--p)}while(--f);return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};this.Handlebars={};
Pixastic.Actions.sharpen={process:function(c){var d=0;typeof c.options.amount!="undefined"&&(d=parseFloat(c.options.amount)||0);d<0&&(d=0);d>1&&(d=1);if(Pixastic.Client.hasCanvasImageData()){for(var a=Pixastic.prepareData(c),b=Pixastic.prepareData(c,!0),h=15,d=1+3*d,m=[[0,-d,0],[-d,h,-d],[0,-d,0]],l=0,e=0;e<3;e++)for(var g=0;g<3;g++)l+=m[e][g];l=1/l;m=c.options.rect;c=m.width;m=m.height;h*=l;d*=l;l=c*4;e=m;do{var g=(e-1)*l,f=(e==1?0:e-2)*l,x=(e==m?e-1:e)*l,o=c;do{var p=g+(o*4-4),k=f+(o==1?0:o-2)*
4,u=x+(o==c?o-1:o)*4,v=(-b[k]-b[p-4]-b[p+4]-b[u])*d+b[p]*h,s=(-b[k+1]-b[p-3]-b[p+5]-b[u+1])*d+b[p+1]*h,k=(-b[k+2]-b[p-2]-b[p+6]-b[u+2])*d+b[p+2]*h;v<0&&(v=0);s<0&&(s=0);k<0&&(k=0);v>255&&(v=255);s>255&&(s=255);k>255&&(k=255);a[p]=v;a[p+1]=s;a[p+2]=k}while(--o)}while(--e);return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};this.Handlebars={};
(function(c){c.VERSION="1.0.rc.1";c.helpers={};c.partials={};c.registerHelper=function(a,b,c){c&&(b.not=c);this.helpers[a]=b};c.registerPartial=function(a,b){this.partials[a]=b};c.registerHelper("helperMissing",function(a){if(arguments.length!==2)throw Error("Could not find property '"+a+"'");});var d=Object.prototype.toString;c.registerHelper("blockHelperMissing",function(a,b){var h=b.inverse||function(){},m=b.fn,l=d.call(a);return l==="[object Function]"&&(a=a.call(this)),a===!0?m(this):a===!1||
a==null?h(this):l==="[object Array]"?a.length>0?c.helpers.each(a,b):h(this):m(a)});c.K=function(){};c.createFrame=Object.create||function(a){c.K.prototype=a;a=new c.K;return c.K.prototype=null,a};c.registerHelper("each",function(a,b){var d=b.fn,m=b.inverse,l=0,f="",g;b.data&&(g=c.createFrame(b.data));if(a&&typeof a=="object")if(a instanceof Array)for(var e=a.length;l<e;l++)g&&(g.index=l),f+=d(a[l],{data:g});else for(e in a)a.hasOwnProperty(e)&&(g&&(g.key=e),f+=d(a[e],{data:g}),l++);return l===0&&
(f=m(this)),f});c.registerHelper("if",function(a,b){return d.call(a)==="[object Function]"&&(a=a.call(this)),!a||c.Utils.isEmpty(a)?b.inverse(this):b.fn(this)});c.registerHelper("unless",function(a,b){var d=b.fn;return b.fn=b.inverse,b.inverse=d,c.helpers["if"].call(this,a,b)});c.registerHelper("with",function(a,b){return b.fn(a)});c.registerHelper("log",function(a){c.log(a)})})(this.Handlebars);var errorProps="description,fileName,lineNumber,message,name,number,stack".split(",");
a==null?h(this):l==="[object Array]"?a.length>0?c.helpers.each(a,b):h(this):m(a)});c.K=function(){};c.createFrame=Object.create||function(a){c.K.prototype=a;a=new c.K;return c.K.prototype=null,a};c.registerHelper("each",function(a,b){var d=b.fn,m=b.inverse,l=0,e="",g;b.data&&(g=c.createFrame(b.data));if(a&&typeof a=="object")if(a instanceof Array)for(var f=a.length;l<f;l++)g&&(g.index=l),e+=d(a[l],{data:g});else for(f in a)a.hasOwnProperty(f)&&(g&&(g.key=f),e+=d(a[f],{data:g}),l++);return l===0&&
(e=m(this)),e});c.registerHelper("if",function(a,b){return d.call(a)==="[object Function]"&&(a=a.call(this)),!a||c.Utils.isEmpty(a)?b.inverse(this):b.fn(this)});c.registerHelper("unless",function(a,b){var d=b.fn;return b.fn=b.inverse,b.inverse=d,c.helpers["if"].call(this,a,b)});c.registerHelper("with",function(a,b){return b.fn(a)});c.registerHelper("log",function(a){c.log(a)})})(this.Handlebars);var errorProps="description,fileName,lineNumber,message,name,number,stack".split(",");
Handlebars.Exception=function(c){for(var d=Error.prototype.constructor.apply(this,arguments),a=0;a<errorProps.length;a++)this[errorProps[a]]=d[errorProps[a]]};Handlebars.Exception.prototype=Error();Handlebars.SafeString=function(c){this.string=c};Handlebars.SafeString.prototype.toString=function(){return this.string.toString()};
(function(){var c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},d=/[&<>"'`]/g,a=/[&<>"'`]/,b=function(a){return c[a]||"&amp;"};Handlebars.Utils={escapeExpression:function(c){return c instanceof Handlebars.SafeString?c.toString():c==null||c===!1?"":a.test(c)?c.replace(d,b):c},isEmpty:function(a){return typeof a=="undefined"?!0:a===null?!0:a===!1?!0:Object.prototype.toString.call(a)==="[object Array]"&&a.length===0?!0:!1}}})();
Handlebars.VM={template:function(c){var d={escapeExpression:Handlebars.Utils.escapeExpression,invokePartial:Handlebars.VM.invokePartial,programs:[],program:function(a,b,c){var d=this.programs[a];return c?Handlebars.VM.program(b,c):d?d:(d=this.programs[a]=Handlebars.VM.program(b),d)},programWithDepth:Handlebars.VM.programWithDepth,noop:Handlebars.VM.noop};return function(a,b){return b=b||{},c.call(d,Handlebars,a,b.helpers,b.partials,b.data)}},programWithDepth:function(c,d,a){var b=Array.prototype.slice.call(arguments,
2);return function(a,m){return m=m||{},c.apply(this,[a,m.data||d].concat(b))}},program:function(c,d){return function(a,b){return b=b||{},c(a,b.data||d)}},noop:function(){return""},invokePartial:function(c,d,a,b,h,m){b={helpers:b,partials:h,data:m};if(c===void 0)throw new Handlebars.Exception("The partial "+d+" could not be found");if(c instanceof Function)return c(a,b);if(!Handlebars.compile)throw new Handlebars.Exception("The partial "+d+" could not be compiled when running in runtime-only mode");
return h[d]=Handlebars.compile(c,{data:m!==void 0}),h[d](a,b)}};Handlebars.template=Handlebars.VM.template;function merge(c,d){var a;typeof d==="undefined"&&(d={});for(a in c)c.hasOwnProperty(a)&&!(a in d)&&(d[a]=c[a]);return d}var ComicBookException={INVALID_ACTION:"invalid action",INVALID_PAGE:"invalid page",INVALID_PAGE_TYPE:"invalid page type",UNDEFINED_CONTROL:"undefined control",INVALID_ZOOM_MODE:"invalid zoom mode",INVALID_NAVIGATION_EVENT:"invalid navigation event"};
function ComicBook(c,d,a){function b(){var a=window.innerHeight+1;t===!1&&(t=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(t));t.height(a);return t.innerWidth()}function h(){var a=m();a!==o&&u.indexOf(a)>-1&&(o=a,f.draw())}function m(){var a=parseInt(location.hash.substring(1),10)-1||0;if(a<0)a=location.hash=0;return a}function l(){q=document.getElementById(g);k=q.getContext("2d");r===!1&&(f.renderControls(),
r=!0);window.addEventListener("keydown",f.navigation,!1);window.addEventListener("hashchange",h,!1)}var f=this,g=c;this.srcs=d;var e=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},a),x=d.length,p=[],q,k,u=[],v=1,s=!1,r=!1,n=!1,t=!1,c=m(),o=c<d.length?c:0;ComicBook.prototype.renderControls=function(){var a={};$.each(Handlebars.templates,function(b,c){var d=$(c().trim());a[b]=d;d.find("*").andSelf().filter("[data-action][data-trigger]").each(function(){var a=
$(this),b=a.data("trigger"),c=a.data("action");if(typeof f[a.data("action")]==="function")a.on(b,f[c]);a.on(b,function(a){$(f).trigger(b,a)})});$(q).before(d)});this.controls=a};ComicBook.prototype.getControl=function(a){if(typeof this.controls[a]!=="object")throw ComicBookException.UNDEFINED_CONTROL+" "+a;return this.controls[a]};ComicBook.prototype.showControl=function(a){this.getControl(a).show().addClass("open")};ComicBook.prototype.hideControl=function(a){this.getControl(a).removeClass("open").hide()};
ComicBook.prototype.toggleControl=function(a){this.getControl(a).toggle().toggleClass("open")};ComicBook.prototype.toggleLayout=function(){var a=f.getControl("toolbar").find("[data-action=toggleLayout]"),b=e.displayMode==="single"?"double":"single";a.removeClass(e.displayMode);a.addClass(b);e.displayMode=b;f.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>d.length-1)throw ComicBookException.INVALID_PAGE+" "+a;if(typeof p[a]==="object")return p[a];else n=a,this.showControl("loadingOverlay")};
ComicBook.prototype.draw=function(){l();$(".navigate").outerHeight(window.innerHeight);$("#cb-loading-overlay").outerWidth(b()).height(window.innerHeight);p.length!==x?this.preload():this.drawPage()};ComicBook.prototype.zoom=function(a){e.zoomMode="manual";v=a;typeof this.getPage(o)==="object"&&this.drawPage()};ComicBook.prototype.zoomIn=function(){f.zoom(v+0.1)};ComicBook.prototype.zoomOut=function(){f.zoom(v-0.1)};ComicBook.prototype.fitWidth=function(){e.zoomMode="fitWidth";ComicBook.prototype.drawPage()};
ComicBook.prototype.preload=function(){function a(b){var k=new Image;k.src=d[b];k.onload=function(){p[b]=this;u.push(b);$("#cb-progress-bar .progressbar-value").css("width",Math.floor(u.length/x*100)+"%");var k=e.displayMode==="double"&&o<d.length-1?1:0;if(c===!1&&$.inArray(o+k,u)!==-1||typeof n==="number"&&$.inArray(n,u)!==-1)typeof n==="number"&&(o=n-1,n=!1),f.drawPage(),f.hideControl("loadingOverlay"),c=!0;g.length?(a(g[0]),g.splice(0,1)):$("#cb-status").delay(500).fadeOut()}}var b=o,c=!1,g=[];
this.showControl("loadingOverlay");(function(b,c){for(var d=1,f=b,e=b-1;f<=c;)d>3&&e>-1?(g.push(e),e--,d=0):(g.push(f),f++),d++;for(;e>-1;)g.push(e),e--;a(g[0])})(b,d.length-1)};ComicBook.prototype.pageLoaded=function(a){return typeof u[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a,c){var g=(typeof c!=="undefined"?c:1)?0:window.scrollY;if(typeof a==="number"&&a<d.length&&a>0&&(o=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");return}o<0&&(o=0);var h,l=0,p=0,n=f.getPage(o),
r=!1;e.displayMode==="double"&&o<d.length-1&&(r=f.getPage(o+1));if(typeof n!=="object")throw ComicBookException.INVALID_PAGE_TYPE+" "+typeof n;var w=n.width;q.width=0;q.height=0;if(s=typeof r==="object"&&(n.width>n.height||r.width>r.height)&&e.displayMode==="double")e.displayMode="single";e.displayMode==="double"&&(w+=typeof r==="object"?r.width:w);switch(e.zoomMode){case "manual":document.body.style.overflowX="auto";h=e.displayMode==="double"?v*2:v;break;case "fitWidth":document.body.style.overflowX=
"hidden";v=h=b()>w?(b()-w)/b()+1:b()/w;break;default:throw ComicBookException.INVALID_ZOOM_MODE+" "+e.zoomMode;}var w=n.width*h,t=n.height*h;h=e.zoomMode==="manual"?n.width*v:w;var u=e.zoomMode==="manual"?n.height*v:t,t=u;q.width=w<b()?b():w;q.height=t<window.innerHeight?window.innerHeight:t;w<b()&&e.zoomMode==="manual"&&(l=(b()-h)/2,e.displayMode==="double"&&(l-=h/2));t<window.innerHeight&&e.zoomMode==="manual"&&(p=(window.innerHeight-u)/2);e.manga&&e.displayMode==="double"&&typeof r==="object"&&
(w=n,n=r,r=w);k.drawImage(n,l,p,h,u);e.displayMode==="double"&&typeof r==="object"&&k.drawImage(r,h+l,p,h,u);$.each(e.enhance,function(a,b){f.enhance[a](b)});l=e.displayMode==="double"&&o+2<=d.length?o+1+"-"+(o+2):o+1;this.getControl("toolbar").find("#current-page").text(l).end().find("#page-count").text(d.length);if(s)e.displayMode="double";$("button.cb-fit-width").attr("disabled",e.zoomMode==="fitWidth");$(".navigate").show();o===0&&($(".navigate-left").hide(),$(".navigate-right").show());if(o===
d.length-1||typeof r==="object"&&o===d.length-2)$(".navigate-left").show(),$(".navigate-right").hide();$(this).trigger("navigate");if(m()!==o)location.hash=o+1;window.scroll(0,g)};ComicBook.prototype.drawNextPage=function(){var a;try{a=f.getPage(o+1)}catch(b){}if(!a)return!1;if(o+1<p.length){o+=e.displayMode==="single"||s?1:2;try{f.drawPage()}catch(c){}}};ComicBook.prototype.drawPrevPage=function(){var a;try{a=f.getPage(o-1)}catch(b){}if(!a)return!1;s=a.width>a.height;o>0&&(o-=e.displayMode==="single"||
s?1:2,f.drawPage())};ComicBook.prototype.brightness=function(){f.enhance.brightness({brightness:$(this).val()})};ComicBook.prototype.contrast=function(){f.enhance.brightness({contrast:$(this).val()})};ComicBook.prototype.sharpen=function(){f.enhance.sharpen({amount:$(this).val()})};ComicBook.prototype.desaturate=function(){$(this).is(":checked")?f.enhance.desaturate():f.enhance.resaturate()};ComicBook.prototype.resetEnhancements=function(){f.enhance.reset()};ComicBook.prototype.enhance={reset:function(a){a?
delete e.enhance[a]:e.enhance={};f.drawPage(null,!1)},brightness:function(a,b){b!==!1&&this.reset("brightness");var c=merge({brightness:0,contrast:0},a);e.enhance.brightness=c;Pixastic.process(q,"brightness",{brightness:c.brightness,contrast:c.contrast,legacy:!0});l()},desaturate:function(){e.enhance.desaturate={};Pixastic.process(q,"desaturate",{average:!1});l()},resaturate:function(){delete e.enhance.desaturate;f.drawPage(null,!1)},sharpen:function(a){this.desharpen();a=merge({amount:0},a);e.enhance.sharpen=
a;Pixastic.process(q,"sharpen",{amount:a.amount});l()},desharpen:function(){delete e.enhance.sharpen;f.drawPage(null,!1)}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;var b=!1;switch(a.type){case "keydown":a.keyCode===e.keyboard.previous&&(b="left");a.keyCode===e.keyboard.next&&(b="right");a.keyCode===e.keyboard.toolbar&&f.toggleToolbar();a.keyCode===e.keyboard.toggleLayout&&f.toggleLayout();break;default:throw ComicBookException.INVALID_NAVIGATION_EVENT+
" "+a.type;}if(b)return a.stopPropagation(),e.manga?(b==="left"&&f.drawNextPage(),b==="right"&&f.drawPrevPage()):(b==="left"&&f.drawPrevPage(),b==="right"&&f.drawNextPage()),!1};ComicBook.prototype.destroy=function(){$("#cb-loading-overlay, #cb-status, #cb-color, .cb-control, .cb-toolbar, #cb-width-shiv").remove();q.width=0;q.height=0;window.removeEventListener("keydown",f.navigation,!1);window.removeEventListener("hashchange",h,!1);location.hash="";$(this).trigger("destroy")}};
return h[d]=Handlebars.compile(c,{data:m!==void 0}),h[d](a,b)}};Handlebars.template=Handlebars.VM.template;
(function(){var c=Handlebars.template,d=Handlebars.templates=Handlebars.templates||{};d.loadingOverlay=c(function(){this.compilerInfo=[2,">= 1.0.0-rc.3"];return'\n<div id="cb-loading-overlay" class="cb-control"></div>\n'});d.navigateLeft=c(function(){this.compilerInfo=[2,">= 1.0.0-rc.3"];return'\n<div data-trigger="click" data-action="drawPrevPage" class="cb-control navigate navigate-left ">\n\t<span class="icon-arrow-left"></span>\n</div>\n'});d.navigateRight=c(function(){this.compilerInfo=[2,">= 1.0.0-rc.3"];
return'\n<div data-trigger="click" data-action="drawNextPage" class="cb-control navigate navigate-right">\n\t<span class="icon-arrow-right"></span>\n</div>\n'});d.progressbar=c(function(){this.compilerInfo=[2,">= 1.0.0-rc.3"];return'<div id="cb-status" class="cb-control">\n\t<div id="cb-progress-bar">\n\t\t<div class="progressbar-value"></div>\n\t</div>\n</div>\n'});d.toolbar=c(function(){this.compilerInfo=[2,">= 1.0.0-rc.3"];return'\n<div class="toolbar">\n\n\t<ul class="pull-left">\n\t\t<li>\n\t\t\t<button data-trigger="click" data-action="close" title="close" class="icon-remove-sign"></button>\n\t\t</li>\n\t\t<li class="separator"></li>\n\t\t<li>\n\t\t\t<button title="image settings" class="icon-settings"></button>\n\t\t\t<div class="dropdown">\n\t\t\t\t<form name="image-enhancements" data-trigger="reset" data-action="resetEnhancements">\n\t\t\t\t\t<div class="sliders">\n\t\t\t\t\t\t<div class="control-group">\n\t\t\t\t\t\t\t<label title="adjust brightness" class="icon-sun"></label>\n\t\t\t\t\t\t\t<input data-trigger="change" data-action="brightness" type="range" min="-100" max="100" step="1" value="0">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class="control-group">\n\t\t\t\t\t\t\t<label title="adjust contrast" class="icon-adjust"></label>\n\t\t\t\t\t\t\t<input data-trigger="change" data-action="contrast" type="range" min="-1" max="1" step="0.1" value="0">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class="control-group">\n\t\t\t\t\t\t\t<label title="sharpen" class="icon-droplet"></label>\n\t\t\t\t\t\t\t<input data-trigger="change" data-action="sharpen" type="range" min="0" max="1" step="0.1" value="0">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="control-group pull-left">\n\t\t\t\t\t\t<input id="image-desaturate" type="checkbox" data-trigger="change" data-action="desaturate">\n\t\t\t\t\t\t<label for="image-desaturate">desaturate</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="control-group pull-right">\n\t\t\t\t\t\t<input type="reset" value="reset">\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</div>\n\t\t</li>\n\t\t<li>\n\t\t\t<button data-trigger="click" data-action="toggleLayout" title="toggle one/two pages at a time" class="icon-file"></button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button data-trigger="click" data-action="zoomOut" title="zoom out" class="icon-zoom-out"></button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button data-trigger="click" data-action="zoomIn" title="zoom in" class="icon-zoom-in"></button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button data-trigger="click" data-action="fitWidth" title="fit page to window width" class="icon-expand"></button>\n\t\t</li>\n\t</ul>\n\n\t<ul class="pull-right">\n\t\t<li><span id="current-page"></span> / <span id="page-count"></span></li>\n\t</ul>\n\n</div>\n'})})();
function merge(c,d){var a;typeof d==="undefined"&&(d={});for(a in c)c.hasOwnProperty(a)&&!(a in d)&&(d[a]=c[a]);return d}var ComicBookException={INVALID_ACTION:"invalid action",INVALID_PAGE:"invalid page",INVALID_PAGE_TYPE:"invalid page type",UNDEFINED_CONTROL:"undefined control",INVALID_ZOOM_MODE:"invalid zoom mode",INVALID_NAVIGATION_EVENT:"invalid navigation event"};
function ComicBook(c,d,a){function b(){var a=window.innerHeight+1;t===!1&&(t=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(t));t.height(a);return t.innerWidth()}function h(){var a=m();a!==n&&u.indexOf(a)>-1&&(n=a,e.draw())}function m(){var a=parseInt(location.hash.substring(1),10)-1||0;if(a<0)a=location.hash=0;return a}function l(){p=document.getElementById(g);k=p.getContext("2d");q===!1&&(e.renderControls(),
q=!0);window.addEventListener("keydown",e.navigation,!1);window.addEventListener("hashchange",h,!1)}var e=this,g=c;this.srcs=d;var f=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},a),x=d.length,o=[],p,k,u=[],v=1,s=!1,q=!1,r=!1,t=!1,c=m(),n=c<d.length?c:0;ComicBook.prototype.renderControls=function(){var a={};$.each(Handlebars.templates,function(b,c){var d=$(c().trim());a[b]=d;d.find("*").andSelf().filter("[data-action][data-trigger]").each(function(){var a=
$(this),b=a.data("trigger"),c=a.data("action");if(typeof e[a.data("action")]==="function")a.on(b,e[c]);a.on(b,function(a){$(e).trigger(b,a)})});$(p).before(d)});this.controls=a};ComicBook.prototype.getControl=function(a){if(typeof this.controls[a]!=="object")throw ComicBookException.UNDEFINED_CONTROL+" "+a;return this.controls[a]};ComicBook.prototype.showControl=function(a){this.getControl(a).show().addClass("open")};ComicBook.prototype.hideControl=function(a){this.getControl(a).removeClass("open").hide()};
ComicBook.prototype.toggleControl=function(a){this.getControl(a).toggle().toggleClass("open")};ComicBook.prototype.toggleLayout=function(){var a=e.getControl("toolbar").find("[data-action=toggleLayout]"),b=f.displayMode==="single"?"double":"single";a.removeClass(f.displayMode);a.addClass(b);f.displayMode=b;e.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>d.length-1)throw ComicBookException.INVALID_PAGE+" "+a;if(typeof o[a]==="object")return o[a];else r=a,this.showControl("loadingOverlay")};
ComicBook.prototype.draw=function(){l();$(".navigate").outerHeight(window.innerHeight);$("#cb-loading-overlay").outerWidth(b()).height(window.innerHeight);o.length!==x?this.preload():this.drawPage()};ComicBook.prototype.zoom=function(a){f.zoomMode="manual";v=a;typeof this.getPage(n)==="object"&&this.drawPage()};ComicBook.prototype.zoomIn=function(){e.zoom(v+0.1)};ComicBook.prototype.zoomOut=function(){e.zoom(v-0.1)};ComicBook.prototype.fitWidth=function(){f.zoomMode="fitWidth";ComicBook.prototype.drawPage()};
ComicBook.prototype.preload=function(){function a(b){var k=new Image;k.src=d[b];k.onload=function(){o[b]=this;u.push(b);$("#cb-progress-bar .progressbar-value").css("width",Math.floor(u.length/x*100)+"%");var k=f.displayMode==="double"&&n<d.length-1?1:0;if(c===!1&&$.inArray(n+k,u)!==-1||typeof r==="number"&&$.inArray(r,u)!==-1)typeof r==="number"&&(n=r-1,r=!1),e.drawPage(),e.hideControl("loadingOverlay"),c=!0;g.length?(a(g[0]),g.splice(0,1)):$("#cb-status").delay(500).fadeOut()}}var b=n,c=!1,g=[];
this.showControl("loadingOverlay");(function(b,c){for(var d=1,e=b,f=b-1;e<=c;)d>3&&f>-1?(g.push(f),f--,d=0):(g.push(e),e++),d++;for(;f>-1;)g.push(f),f--;a(g[0])})(b,d.length-1)};ComicBook.prototype.pageLoaded=function(a){return typeof u[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a,c){var g=(typeof c!=="undefined"?c:1)?0:window.scrollY;if(typeof a==="number"&&a<d.length&&a>0&&(n=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");return}n<0&&(n=0);var h,l=0,r=0,o=e.getPage(n),
q=!1;f.displayMode==="double"&&n<d.length-1&&(q=e.getPage(n+1));if(typeof o!=="object")throw ComicBookException.INVALID_PAGE_TYPE+" "+typeof o;var w=o.width;p.width=0;p.height=0;if(s=typeof q==="object"&&(o.width>o.height||q.width>q.height)&&f.displayMode==="double")f.displayMode="single";f.displayMode==="double"&&(w+=typeof q==="object"?q.width:w);switch(f.zoomMode){case "manual":document.body.style.overflowX="auto";h=f.displayMode==="double"?v*2:v;break;case "fitWidth":document.body.style.overflowX=
"hidden";v=h=b()>w?(b()-w)/b()+1:b()/w;break;default:throw ComicBookException.INVALID_ZOOM_MODE+" "+f.zoomMode;}var w=o.width*h,t=o.height*h;h=f.zoomMode==="manual"?o.width*v:w;var u=f.zoomMode==="manual"?o.height*v:t,t=u;p.width=w<b()?b():w;p.height=t<window.innerHeight?window.innerHeight:t;w<b()&&f.zoomMode==="manual"&&(l=(b()-h)/2,f.displayMode==="double"&&(l-=h/2));t<window.innerHeight&&f.zoomMode==="manual"&&(r=(window.innerHeight-u)/2);f.manga&&f.displayMode==="double"&&typeof q==="object"&&
(w=o,o=q,q=w);k.drawImage(o,l,r,h,u);f.displayMode==="double"&&typeof q==="object"&&k.drawImage(q,h+l,r,h,u);$.each(f.enhance,function(a,b){e.enhance[a](b)});l=f.displayMode==="double"&&n+2<=d.length?n+1+"-"+(n+2):n+1;this.getControl("toolbar").find("#current-page").text(l).end().find("#page-count").text(d.length);if(s)f.displayMode="double";$("button.cb-fit-width").attr("disabled",f.zoomMode==="fitWidth");$(".navigate").show();n===0&&($(".navigate-left").hide(),$(".navigate-right").show());if(n===
d.length-1||typeof q==="object"&&n===d.length-2)$(".navigate-left").show(),$(".navigate-right").hide();$(this).trigger("navigate");if(m()!==n)location.hash=n+1;window.scroll(0,g)};ComicBook.prototype.drawNextPage=function(){var a;try{a=e.getPage(n+1)}catch(b){}if(!a)return!1;if(n+1<o.length){n+=f.displayMode==="single"||s?1:2;try{e.drawPage()}catch(c){}}};ComicBook.prototype.drawPrevPage=function(){var a;try{a=e.getPage(n-1)}catch(b){}if(!a)return!1;s=a.width>a.height;n>0&&(n-=f.displayMode==="single"||
s?1:2,e.drawPage())};ComicBook.prototype.brightness=function(){e.enhance.brightness({brightness:$(this).val()})};ComicBook.prototype.contrast=function(){e.enhance.brightness({contrast:$(this).val()})};ComicBook.prototype.sharpen=function(){e.enhance.sharpen({amount:$(this).val()})};ComicBook.prototype.desaturate=function(){$(this).is(":checked")?e.enhance.desaturate():e.enhance.resaturate()};ComicBook.prototype.resetEnhancements=function(){e.enhance.reset()};ComicBook.prototype.enhance={reset:function(a){a?
delete f.enhance[a]:f.enhance={};e.drawPage(null,!1)},brightness:function(a,b){b!==!1&&this.reset("brightness");var c=merge({brightness:0,contrast:0},a);f.enhance.brightness=c;Pixastic.process(p,"brightness",{brightness:c.brightness,contrast:c.contrast,legacy:!0});l()},desaturate:function(){f.enhance.desaturate={};Pixastic.process(p,"desaturate",{average:!1});l()},resaturate:function(){delete f.enhance.desaturate;e.drawPage(null,!1)},sharpen:function(a){this.desharpen();a=merge({amount:0},a);f.enhance.sharpen=
a;Pixastic.process(p,"sharpen",{amount:a.amount});l()},desharpen:function(){delete f.enhance.sharpen;e.drawPage(null,!1)}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;var b=!1;switch(a.type){case "keydown":a.keyCode===f.keyboard.previous&&(b="left");a.keyCode===f.keyboard.next&&(b="right");a.keyCode===f.keyboard.toolbar&&e.toggleToolbar();a.keyCode===f.keyboard.toggleLayout&&e.toggleLayout();break;default:throw ComicBookException.INVALID_NAVIGATION_EVENT+
" "+a.type;}if(b)return a.stopPropagation(),f.manga?(b==="left"&&e.drawNextPage(),b==="right"&&e.drawPrevPage()):(b==="left"&&e.drawPrevPage(),b==="right"&&e.drawNextPage()),!1};ComicBook.prototype.destroy=function(){$("#cb-loading-overlay, #cb-status, #cb-color, .cb-control, .cb-toolbar, #cb-width-shiv").remove();p.width=0;p.height=0;window.removeEventListener("keydown",e.navigation,!1);window.removeEventListener("hashchange",h,!1);location.hash="";$(this).trigger("destroy")}};

4
lib/templates.js
View file

@ -14,7 +14,7 @@ helpers = helpers || Handlebars.helpers; data = data || {};
return "\n<div data-trigger=\"click\" data-action=\"drawPrevPage\" class=\"cb-control navigate navigate-left\"></div>\n";
return "\n<div data-trigger=\"click\" data-action=\"drawPrevPage\" class=\"cb-control navigate navigate-left \">\n <span class=\"icon-arrow-left\"></span>\n</div>\n";
});
templates['navigateRight'] = template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [2,'>= 1.0.0-rc.3'];
@ -22,7 +22,7 @@ helpers = helpers || Handlebars.helpers; data = data || {};
return "\n<div data-trigger=\"click\" data-action=\"drawNextPage\" class=\"cb-control navigate navigate-right\"></div>\n";
return "\n<div data-trigger=\"click\" data-action=\"drawNextPage\" class=\"cb-control navigate navigate-right\">\n <span class=\"icon-arrow-right\"></span>\n</div>\n";
});
templates['progressbar'] = template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [2,'>= 1.0.0-rc.3'];

4
templates/navigateLeft.handlebars
View file

@ -1,2 +1,4 @@
<div data-trigger="click" data-action="drawPrevPage" class="cb-control navigate navigate-left"></div>
<div data-trigger="click" data-action="drawPrevPage" class="cb-control navigate navigate-left ">
<span class="icon-arrow-left"></span>
</div>

4
templates/navigateRight.handlebars
View file

@ -1,2 +1,4 @@
<div data-trigger="click" data-action="drawNextPage" class="cb-control navigate navigate-right"></div>
<div data-trigger="click" data-action="drawNextPage" class="cb-control navigate navigate-right">
<span class="icon-arrow-right"></span>
</div>