From 36e9240e9b42db6ce15e3b812e73cdafb422f9f0 Mon Sep 17 00:00:00 2001
From: Bala Clark <balaclark@gmail.com>
Date: Tue, 6 Sep 2011 09:12:33 +0200
Subject: [PATCH] Makefile now creates a combined js with pixastic dependencies
 and makes the minified version from that

---
 Makefile                  |   19 +-
 examples/basic.html       |    4 -
 lib/ComicBook.combined.js | 1494 +++++++++++++++++++++++++++++++++++++
 lib/ComicBook.js          |    1 -
 lib/ComicBook.min.js      |   46 +-
 5 files changed, 1543 insertions(+), 21 deletions(-)
 create mode 100644 lib/ComicBook.combined.js

diff --git a/Makefile b/Makefile
index a15a90f..8deec33 100644
--- a/Makefile
+++ b/Makefile
@@ -1,3 +1,18 @@
 
-lib/ComicBook.min.js : lib/ComicBook.js
-	java -jar bin/closure-complier/compiler.jar --compilation_level SIMPLE_OPTIMIZATIONS --js $< --js_output_file $@ 
\ No newline at end of file
+SOURCES = lib/pixastic/pixastic.core.js \
+          lib/pixastic/actions/brightness.js \
+          lib/pixastic/actions/desaturate.js \
+          lib/pixastic/actions/sharpen.js \
+          lib/ComicBook.js
+
+all: reset lib/ComicBook.combined.js lib/ComicBook.min.js
+
+lib/ComicBook.combined.js: ${SOURCES}
+	cat > $@ $^
+
+lib/ComicBook.min.js: lib/ComicBook.combined.js
+	java -jar bin/closure-complier/compiler.jar --compilation_level SIMPLE_OPTIMIZATIONS --js $< --js_output_file $@
+
+reset:
+	rm lib/ComicBook.min.js
+	rm lib/ComicBook.combined.js
diff --git a/examples/basic.html b/examples/basic.html
index 25f7450..682480d 100755
--- a/examples/basic.html
+++ b/examples/basic.html
@@ -6,10 +6,6 @@
 
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
-		<script src="../lib/pixastic/pixastic.core.js"></script>
-		<script src="../lib/pixastic/actions/brightness.js"></script>
-		<script src="../lib/pixastic/actions/desaturate.js"></script>
-		<script src="../lib/pixastic/actions/sharpen.js"></script>
 		<script src="../lib/ComicBook.min.js"></script>
 
 		<link rel="stylesheet" href="../css/reset.css">
diff --git a/lib/ComicBook.combined.js b/lib/ComicBook.combined.js
new file mode 100644
index 0000000..0c46b40
--- /dev/null
+++ b/lib/ComicBook.combined.js
@@ -0,0 +1,1494 @@
+/*
+ * Pixastic Lib - Core Functions - v0.1.3
+ * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
+ * License: [http://www.pixastic.com/lib/license.txt]
+ */
+
+var Pixastic = (function() {
+
+
+	function addEvent(el, event, handler) {
+		if (el.addEventListener)
+			el.addEventListener(event, handler, false); 
+		else if (el.attachEvent)
+			el.attachEvent("on" + event, handler); 
+	}
+
+	function onready(handler) {
+		var handlerDone = false;
+		var execHandler = function() {
+			if (!handlerDone) {
+				handlerDone = true;
+				handler();
+			}
+		}
+		document.write("<"+"script defer src=\"//:\" id=\"__onload_ie_pixastic__\"></"+"script>");
+		var script = document.getElementById("__onload_ie_pixastic__");
+		script.onreadystatechange = function() {
+			if (script.readyState == "complete") {
+				script.parentNode.removeChild(script);
+				execHandler();
+			}
+		}
+		if (document.addEventListener)
+			document.addEventListener("DOMContentLoaded", execHandler, false); 
+		addEvent(window, "load", execHandler);
+	}
+
+	function init() {
+		var imgEls = getElementsByClass("pixastic", null, "img");
+		var canvasEls = getElementsByClass("pixastic", null, "canvas");
+		var elements = imgEls.concat(canvasEls);
+		for (var i=0;i<elements.length;i++) {
+			(function() {
+
+			var el = elements[i];
+			var actions = [];
+			var classes = el.className.split(" ");
+			for (var c=0;c<classes.length;c++) {
+				var cls = classes[c];
+				if (cls.substring(0,9) == "pixastic-") {
+					var actionName = cls.substring(9);
+					if (actionName != "")
+						actions.push(actionName);
+				}
+			}
+			if (actions.length) {
+				if (el.tagName.toLowerCase() == "img") {
+					var dataImg = new Image();
+					dataImg.src = el.src;
+					if (dataImg.complete) {
+						for (var a=0;a<actions.length;a++) {
+							var res = Pixastic.applyAction(el, el, actions[a], null);
+							if (res) 
+								el = res;
+						}
+					} else {
+						dataImg.onload = function() {
+							for (var a=0;a<actions.length;a++) {
+								var res = Pixastic.applyAction(el, el, actions[a], null)
+								if (res) 
+									el = res;
+							}
+						}
+					}
+				} else {
+					setTimeout(function() {
+						for (var a=0;a<actions.length;a++) {
+							var res = Pixastic.applyAction(
+								el, el, actions[a], null
+							);
+							if (res) 
+								el = res;
+						}
+					},1);
+				}
+			}
+
+			})();
+		}
+	}
+
+	if (typeof pixastic_parseonload != "undefined" && pixastic_parseonload)
+		onready(init);
+
+	// getElementsByClass by Dustin Diaz, http://www.dustindiaz.com/getelementsbyclass/
+	function getElementsByClass(searchClass,node,tag) {
+	        var classElements = new Array();
+	        if ( node == null )
+	                node = document;
+	        if ( tag == null )
+	                tag = '*';
+
+	        var els = node.getElementsByTagName(tag);
+	        var elsLen = els.length;
+	        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
+	        for (i = 0, j = 0; i < elsLen; i++) {
+	                if ( pattern.test(els[i].className) ) {
+	                        classElements[j] = els[i];
+	                        j++;
+	                }
+	        }
+	        return classElements;
+	}
+
+	var debugElement;
+
+	function writeDebug(text, level) {
+		if (!Pixastic.debug) return;
+		try {
+			switch (level) {
+				case "warn" : 
+					console.warn("Pixastic:", text);
+					break;
+				case "error" :
+					console.error("Pixastic:", text);
+					break;
+				default:
+					console.log("Pixastic:", text);
+			}
+		} catch(e) {
+		}
+		if (!debugElement) {
+			
+		}
+	}
+
+	// canvas capability checks
+
+	var hasCanvas = (function() {
+		var c = document.createElement("canvas");
+		var val = false;
+		try {
+			val = !!((typeof c.getContext == "function") && c.getContext("2d"));
+		} catch(e) {}
+		return function() {
+			return val;
+		}
+	})();
+
+	var hasCanvasImageData = (function() {
+		var c = document.createElement("canvas");
+		var val = false;
+		var ctx;
+		try {
+			if (typeof c.getContext == "function" && (ctx = c.getContext("2d"))) {
+				val = (typeof ctx.getImageData == "function");
+			}
+		} catch(e) {}
+		return function() {
+			return val;
+		}
+	})();
+
+	var hasGlobalAlpha = (function() {
+		var hasAlpha = false;
+		var red = document.createElement("canvas");
+		if (hasCanvas() && hasCanvasImageData()) {
+			red.width = red.height = 1;
+			var redctx = red.getContext("2d");
+			redctx.fillStyle = "rgb(255,0,0)";
+			redctx.fillRect(0,0,1,1);
+	
+			var blue = document.createElement("canvas");
+			blue.width = blue.height = 1;
+			var bluectx = blue.getContext("2d");
+			bluectx.fillStyle = "rgb(0,0,255)";
+			bluectx.fillRect(0,0,1,1);
+	
+			redctx.globalAlpha = 0.5;
+			redctx.drawImage(blue, 0, 0);
+			var reddata = redctx.getImageData(0,0,1,1).data;
+	
+			hasAlpha = (reddata[2] != 255);
+		}
+		return function() {
+			return hasAlpha;
+		}
+	})();
+
+
+	// return public interface
+
+	return {
+
+		parseOnLoad : false,
+
+		debug : false,
+		
+		applyAction : function(img, dataImg, actionName, options) {
+
+			options = options || {};
+
+			var imageIsCanvas = (img.tagName.toLowerCase() == "canvas");
+			if (imageIsCanvas && Pixastic.Client.isIE()) {
+				if (Pixastic.debug) writeDebug("Tried to process a canvas element but browser is IE.");
+				return false;
+			}
+
+			var canvas, ctx;
+			var hasOutputCanvas = false;
+			if (Pixastic.Client.hasCanvas()) {
+				hasOutputCanvas = !!options.resultCanvas;
+				canvas = options.resultCanvas || document.createElement("canvas");
+				ctx = canvas.getContext("2d");
+			}
+
+			var w = img.offsetWidth;
+			var h = img.offsetHeight;
+
+			if (imageIsCanvas) {
+				w = img.width;
+				h = img.height;
+			}
+
+			// offsetWidth/Height might be 0 if the image is not in the document
+			if (w == 0 || h == 0) {
+				if (img.parentNode == null) {
+					// add the image to the doc (way out left), read its dimensions and remove it again
+					var oldpos = img.style.position;
+					var oldleft = img.style.left;
+					img.style.position = "absolute";
+					img.style.left = "-9999px";
+					document.body.appendChild(img);
+					w = img.offsetWidth;
+					h = img.offsetHeight;
+					document.body.removeChild(img);
+					img.style.position = oldpos;
+					img.style.left = oldleft;
+				} else {
+					if (Pixastic.debug) writeDebug("Image has 0 width and/or height.");
+					return;
+				}
+			}
+
+			if (actionName.indexOf("(") > -1) {
+				var tmp = actionName;
+				actionName = tmp.substr(0, tmp.indexOf("("));
+				var arg = tmp.match(/\((.*?)\)/);
+				if (arg[1]) {
+					arg = arg[1].split(";");
+					for (var a=0;a<arg.length;a++) {
+						thisArg = arg[a].split("=");
+						if (thisArg.length == 2) {
+							if (thisArg[0] == "rect") {
+								var rectVal = thisArg[1].split(",");
+								options[thisArg[0]] = {
+									left : parseInt(rectVal[0],10)||0,
+									top : parseInt(rectVal[1],10)||0,
+									width : parseInt(rectVal[2],10)||0,
+									height : parseInt(rectVal[3],10)||0
+								}
+							} else {
+								options[thisArg[0]] = thisArg[1];
+							}
+						}
+					}
+				}
+			}
+
+			if (!options.rect) {
+				options.rect = {
+					left : 0, top : 0, width : w, height : h
+				};
+			} else {
+				options.rect.left = Math.round(options.rect.left);
+				options.rect.top = Math.round(options.rect.top);
+				options.rect.width = Math.round(options.rect.width);
+				options.rect.height = Math.round(options.rect.height);
+			}
+
+			var validAction = false;
+			if (Pixastic.Actions[actionName] && typeof Pixastic.Actions[actionName].process == "function") {
+				validAction = true;
+			}
+			if (!validAction) {
+				if (Pixastic.debug) writeDebug("Invalid action \"" + actionName + "\". Maybe file not included?");
+				return false;
+			}
+			if (!Pixastic.Actions[actionName].checkSupport()) {
+				if (Pixastic.debug) writeDebug("Action \"" + actionName + "\" not supported by this browser.");
+				return false;
+			}
+
+			if (Pixastic.Client.hasCanvas()) {
+				if (canvas !== img) {
+					canvas.width = w;
+					canvas.height = h;
+				}
+				if (!hasOutputCanvas) {
+					canvas.style.width = w+"px";
+					canvas.style.height = h+"px";
+				}
+				ctx.drawImage(dataImg,0,0,w,h);
+
+				if (!img.__pixastic_org_image) {
+					canvas.__pixastic_org_image = img;
+					canvas.__pixastic_org_width = w;
+					canvas.__pixastic_org_height = h;
+				} else {
+					canvas.__pixastic_org_image = img.__pixastic_org_image;
+					canvas.__pixastic_org_width = img.__pixastic_org_width;
+					canvas.__pixastic_org_height = img.__pixastic_org_height;
+				}
+
+			} else if (Pixastic.Client.isIE() && typeof img.__pixastic_org_style == "undefined") {
+				img.__pixastic_org_style = img.style.cssText;
+			}
+
+			var params = {
+				image : img,
+				canvas : canvas,
+				width : w,
+				height : h,
+				useData : true,
+				options : options
+			}
+
+			// Ok, let's do it!
+
+			var res = Pixastic.Actions[actionName].process(params);
+
+			if (!res) {
+				return false;
+			}
+
+			if (Pixastic.Client.hasCanvas()) {
+				if (params.useData) {
+					if (Pixastic.Client.hasCanvasImageData()) {
+						canvas.getContext("2d").putImageData(params.canvasData, options.rect.left, options.rect.top);
+
+						// Opera doesn't seem to update the canvas until we draw something on it, lets draw a 0x0 rectangle.
+						// Is this still so?
+						canvas.getContext("2d").fillRect(0,0,0,0);
+					}
+				}
+
+				if (!options.leaveDOM) {
+					// copy properties and stuff from the source image
+					canvas.title = img.title;
+					canvas.imgsrc = img.imgsrc;
+					if (!imageIsCanvas) canvas.alt  = img.alt;
+					if (!imageIsCanvas) canvas.imgsrc = img.src;
+					canvas.className = img.className;
+					canvas.style.cssText = img.style.cssText;
+					canvas.name = img.name;
+					canvas.tabIndex = img.tabIndex;
+					canvas.id = img.id;
+					if (img.parentNode && img.parentNode.replaceChild) {
+						img.parentNode.replaceChild(canvas, img);
+					}
+				}
+
+				options.resultCanvas = canvas;
+
+				return canvas;
+			}
+
+			return img;
+		},
+
+		prepareData : function(params, getCopy) {
+			var ctx = params.canvas.getContext("2d");
+			var rect = params.options.rect;
+			var dataDesc = ctx.getImageData(rect.left, rect.top, rect.width, rect.height);
+			var data = dataDesc.data;
+			if (!getCopy) params.canvasData = dataDesc;
+			return data;
+		},
+
+		// load the image file
+		process : function(img, actionName, options, callback) {
+			if (img.tagName.toLowerCase() == "img") {
+				var dataImg = new Image();
+				dataImg.src = img.src;
+				if (dataImg.complete) {
+					var res = Pixastic.applyAction(img, dataImg, actionName, options);
+					if (callback) callback(res);
+					return res;
+				} else {
+					dataImg.onload = function() {
+						var res = Pixastic.applyAction(img, dataImg, actionName, options)
+						if (callback) callback(res);
+					}
+				}
+			}
+			if (img.tagName.toLowerCase() == "canvas") {
+				var res = Pixastic.applyAction(img, img, actionName, options);
+				if (callback) callback(res);
+				return res;
+			}
+		},
+
+		revert : function(img) {
+			if (Pixastic.Client.hasCanvas()) {
+				if (img.tagName.toLowerCase() == "canvas" && img.__pixastic_org_image) {
+					img.width = img.__pixastic_org_width;
+					img.height = img.__pixastic_org_height;
+					img.getContext("2d").drawImage(img.__pixastic_org_image, 0, 0);
+
+					if (img.parentNode && img.parentNode.replaceChild) {
+						img.parentNode.replaceChild(img.__pixastic_org_image, img);
+					}
+
+					return img;
+				}
+			} else if (Pixastic.Client.isIE()) {
+ 				if (typeof img.__pixastic_org_style != "undefined")
+					img.style.cssText = img.__pixastic_org_style;
+			}
+		},
+
+		Client : {
+			hasCanvas : hasCanvas,
+			hasCanvasImageData : hasCanvasImageData,
+			hasGlobalAlpha : hasGlobalAlpha,
+			isIE : function() {
+				return !!document.all && !!window.attachEvent && !window.opera;
+			}
+		},
+
+		Actions : {}
+	}
+
+
+})();
+/*
+ * Pixastic Lib - Brightness/Contrast filter - v0.1.1
+ * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
+ * License: [http://www.pixastic.com/lib/license.txt]
+ */
+
+Pixastic.Actions.brightness = {
+
+	process : function(params) {
+
+		var brightness = parseInt(params.options.brightness,10) || 0;
+		var contrast = parseFloat(params.options.contrast)||0;
+		var legacy = !!(params.options.legacy && params.options.legacy != "false");
+
+		if (legacy) {
+			brightness = Math.min(150,Math.max(-150,brightness));
+		} else {
+			var brightMul = 1 + Math.min(150,Math.max(-150,brightness)) / 150;
+		}
+		contrast = Math.max(0,contrast+1);
+
+		if (Pixastic.Client.hasCanvasImageData()) {
+			var data = Pixastic.prepareData(params);
+			var rect = params.options.rect;
+			var w = rect.width;
+			var h = rect.height;
+
+			var p = w*h;
+			var pix = p*4, pix1, pix2;
+
+			var mul, add;
+			if (contrast != 1) {
+				if (legacy) {
+					mul = contrast;
+					add = (brightness - 128) * contrast + 128;
+				} else {
+					mul = brightMul * contrast;
+					add = - contrast * 128 + 128;
+				}
+			} else {  // this if-then is not necessary anymore, is it?
+				if (legacy) {
+					mul = 1;
+					add = brightness;
+				} else {
+					mul = brightMul;
+					add = 0;
+				}
+			}
+			var r, g, b;
+			while (p--) {
+				if ((r = data[pix-=4] * mul + add) > 255 )
+					data[pix] = 255;
+				else if (r < 0)
+					data[pix] = 0;
+				else
+ 					data[pix] = r;
+
+				if ((g = data[pix1=pix+1] * mul + add) > 255 ) 
+					data[pix1] = 255;
+				else if (g < 0)
+					data[pix1] = 0;
+				else
+					data[pix1] = g;
+
+				if ((b = data[pix2=pix+2] * mul + add) > 255 ) 
+					data[pix2] = 255;
+				else if (b < 0)
+					data[pix2] = 0;
+				else
+					data[pix2] = b;
+			}
+			return true;
+		}
+	},
+	checkSupport : function() {
+		return Pixastic.Client.hasCanvasImageData();
+	}
+}
+
+/*
+ * Pixastic Lib - Desaturation filter - v0.1.1
+ * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
+ * License: [http://www.pixastic.com/lib/license.txt]
+ */
+
+Pixastic.Actions.desaturate = {
+
+	process : function(params) {
+		var useAverage = !!(params.options.average && params.options.average != "false");
+
+		if (Pixastic.Client.hasCanvasImageData()) {
+			var data = Pixastic.prepareData(params);
+			var rect = params.options.rect;
+			var w = rect.width;
+			var h = rect.height;
+
+			var p = w*h;
+			var pix = p*4, pix1, pix2;
+
+			if (useAverage) {
+				while (p--) 
+					data[pix-=4] = data[pix1=pix+1] = data[pix2=pix+2] = (data[pix]+data[pix1]+data[pix2])/3
+			} else {
+				while (p--)
+					data[pix-=4] = data[pix1=pix+1] = data[pix2=pix+2] = (data[pix]*0.3 + data[pix1]*0.59 + data[pix2]*0.11);
+			}
+			return true;
+		} else if (Pixastic.Client.isIE()) {
+			params.image.style.filter += " gray";
+			return true;
+		}
+	},
+	checkSupport : function() {
+		return (Pixastic.Client.hasCanvasImageData() || Pixastic.Client.isIE());
+	}
+}/*
+ * Pixastic Lib - Sharpen filter - v0.1.0
+ * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
+ * License: [http://www.pixastic.com/lib/license.txt]
+ */
+
+Pixastic.Actions.sharpen = {
+	process : function(params) {
+
+		var strength = 0;
+		if (typeof params.options.amount != "undefined")
+			strength = parseFloat(params.options.amount)||0;
+
+		if (strength < 0) strength = 0;
+		if (strength > 1) strength = 1;
+
+		if (Pixastic.Client.hasCanvasImageData()) {
+			var data = Pixastic.prepareData(params);
+			var dataCopy = Pixastic.prepareData(params, true)
+
+			var mul = 15;
+			var mulOther = 1 + 3*strength;
+
+			var kernel = [
+				[0, 	-mulOther, 	0],
+				[-mulOther, 	mul, 	-mulOther],
+				[0, 	-mulOther, 	0]
+			];
+
+			var weight = 0;
+			for (var i=0;i<3;i++) {
+				for (var j=0;j<3;j++) {
+					weight += kernel[i][j];
+				}
+			}
+
+			weight = 1 / weight;
+
+			var rect = params.options.rect;
+			var w = rect.width;
+			var h = rect.height;
+
+			mul *= weight;
+			mulOther *= weight;
+
+			var w4 = w*4;
+			var y = h;
+			do {
+				var offsetY = (y-1)*w4;
+
+				var nextY = (y == h) ? y - 1 : y;
+				var prevY = (y == 1) ? 0 : y-2;
+
+				var offsetYPrev = prevY*w4;
+				var offsetYNext = nextY*w4;
+
+				var x = w;
+				do {
+					var offset = offsetY + (x*4-4);
+
+					var offsetPrev = offsetYPrev + ((x == 1) ? 0 : x-2) * 4;
+					var offsetNext = offsetYNext + ((x == w) ? x-1 : x) * 4;
+
+					var r = ((
+						- dataCopy[offsetPrev]
+						- dataCopy[offset-4]
+						- dataCopy[offset+4]
+						- dataCopy[offsetNext])		* mulOther
+						+ dataCopy[offset] 	* mul
+						);
+
+					var g = ((
+						- dataCopy[offsetPrev+1]
+						- dataCopy[offset-3]
+						- dataCopy[offset+5]
+						- dataCopy[offsetNext+1])	* mulOther
+						+ dataCopy[offset+1] 	* mul
+						);
+
+					var b = ((
+						- dataCopy[offsetPrev+2]
+						- dataCopy[offset-2]
+						- dataCopy[offset+6]
+						- dataCopy[offsetNext+2])	* mulOther
+						+ dataCopy[offset+2] 	* mul
+						);
+
+
+					if (r < 0 ) r = 0;
+					if (g < 0 ) g = 0;
+					if (b < 0 ) b = 0;
+					if (r > 255 ) r = 255;
+					if (g > 255 ) g = 255;
+					if (b > 255 ) b = 255;
+
+					data[offset] = r;
+					data[offset+1] = g;
+					data[offset+2] = b;
+
+				} while (--x);
+			} while (--y);
+
+			return true;
+
+		}
+	},
+	checkSupport : function() {
+		return Pixastic.Client.hasCanvasImageData();
+	}
+}
+/*jslint browser: true, on: true, eqeqeq: true, newcap: true, immed: true */
+
+/*
+	TODOs:
+
+	Fo sho:
+		- fix last page loading bug
+		- disable the strech button if in an auto zoom mode
+		- improve prev/next buttons, only show them when they can possibly work (not at beginning/end)
+		- check for html5 feature support where used: diveintohtml5.org/everything.html or www.modernizr.com
+		- write bin scripts to minify & join all js
+
+	Nice 2 have:
+		- jump to page?
+		- enable menu items via config, allow for custom items
+		- decouple controls from reader api
+		- split out classes into seperate files
+		- offline access
+		- thumbnail browser
+		- remove jquery dependency in favour of straight js
+		- chrome frame / ExplorerCanvas / non canvas version?
+		- really need to speed up enhancements, try to use webworkers
+*/
+
+/**
+ * Merge two arrays. Any properties in b will replace the same properties in
+ * a. New properties from b will be added to a.
+ *
+ * @param a {Object}
+ * @param b {Object}
+ */
+function merge(a, b) {
+
+	var prop;
+
+	if (typeof b === "undefined") { b = {}; }
+
+	for (prop in a) {
+		if (a.hasOwnProperty(prop)) {
+			if (prop in b) { continue; }
+			b[prop] = a[prop];
+		}
+	}
+
+	return b;
+}
+
+/**
+ * Exception class. Always throw an instance of this when throwing exceptions.
+ *
+ * @param {String} type
+ * @param {Object} object
+ * @returns {ComicBookException}
+ */
+function ComicBookException(type, object) {
+
+	this.type = type;
+	this.object = object;
+
+	this.INVALID_PAGE = "invalid page";
+	this.INVALID_PAGE_TYPE = "invalid page type";
+	this.UNDEFINED_CONTROL = "undefined control";
+	this.INVALID_ZOOM_MODE = "invalid zoom mode";
+	this.INVALID_NAVIGATION_EVENT = "invalid navigation event";
+};
+
+function ComicBook(id, srcs, opts) {
+
+	var canvas_id = id;		// canvas element id
+	this.srcs = srcs;	// array of image srcs for pages
+
+	var defaults = {
+		displayMode: "double",	// single / double
+		zoomMode: "fitWidth",	// manual / fitWidth
+		manga: false,			// true / false
+		enhance: {},
+		keyboard: {
+			next: 78,
+			previous: 80,
+			toolbar: 84,
+			toggleLayout: 76
+		}
+	};
+
+	var options = merge(defaults, opts); // options array for internal use
+
+	var no_pages = srcs.length;
+	var pages = [];		// array of preloaded Image objects
+	var canvas;			// the HTML5 canvas object
+	var context;		// the 2d drawing context
+	var buffer = 1;		// image preload buffer level
+	var loaded = [];	// the images that have been loaded so far
+	var scale = 1;		// page zoom scale, 1 = 100%
+	var is_double_page_spread = false;
+	var controlsRendered = false; // have the user controls been inserted into the dom yet?
+	var page_requested = false; // used to request non preloaded pages
+	var shiv = false;
+
+	// the current page, can pass a default as a url hash
+	var pointer = (parseInt(location.hash.substring(1),10) - 1) || 0;
+
+	/**
+	 * Gets the window.innerWidth - scrollbars
+	 */
+	function windowWidth() {
+	
+		var height = window.innerHeight + 1;
+	
+		if (shiv === false) {
+			shiv = $(document.createElement("div"))
+				.attr("id", "cb-width-shiv")
+				.css({
+					width: "100%",
+					position: "absolute", 
+					top: 0,
+					zIndex: "-1000"
+				});
+		
+			$("body").append(shiv);
+		}
+		
+		shiv.height(height);
+		
+		return shiv.innerWidth();
+	}
+
+	/**
+	 * enables the back button
+	 */
+	function checkHash() {
+
+		var hash = getHash();
+
+		if (hash !== pointer && loaded.indexOf(hash) > -1) {
+			pointer = hash;
+			ComicBook.prototype.draw();
+		}
+	}
+
+	function getHash() {
+		return parseInt(location.hash.substring(1),10) - 1 || 0;
+	}
+
+	function setHash(pageNo) {
+		location.hash = pageNo;
+	}
+
+	/**
+	 * Setup the canvas element for use throughout the class.
+	 *
+	 * @see #ComicBook.prototype.draw
+	 * @see #ComicBook.prototype.enhance
+	 */
+	function init() {
+		// setup canvas
+		canvas = document.getElementById(canvas_id);
+		context = canvas.getContext("2d");
+
+		// render user controls
+		if (controlsRendered === false) {
+			ComicBook.prototype.renderControls();
+			controlsRendered = true;
+		}
+
+		// add page controls
+		// TODO: add IE event listeners too.
+		canvas.addEventListener("click", ComicBook.prototype.navigation, false);
+		window.addEventListener("keydown", ComicBook.prototype.navigation, false);
+		window.addEventListener("hashchange", checkHash, false);
+		//setInterval(function() { checkHash(); }, 300); // TODO: enable this when there is no onhashchange event
+	}
+
+	/**
+	 * User controls
+	 *
+	 * TODO: add reset links,
+	 * TODO: style
+	 * TODO: don't allow draggable controls to leave the visible window
+	 * TODO: remember draggable position
+	 * TODO: show/hide controls
+	 * TODO: save current values
+	 */
+	ComicBook.prototype.control = {
+
+		status: $(document.createElement("p"))
+			.attr("id", "cb-status")
+			.addClass("cb-control cb-always-on"),
+
+		toolbar: $(document.createElement("div"))
+			.hide()
+			.attr("id", "cb-toolbar")
+			.addClass("cb-control")
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "close the toolbar")
+					.addClass("cb-close")
+					.click(function(){
+						ComicBook.prototype.toggleToolbar();
+					})
+			)
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "switch between dual and single page modes")
+					.addClass("cb-layout " + options.displayMode)
+					.click(function(){
+						ComicBook.prototype.toggleLayout();
+					})
+			)
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "tweak the page colors")
+					.addClass("cb-color cb-menu-button")
+					.click(function(){
+						ComicBook.prototype.toggleControl("color");
+					})
+			)
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "zoom out")
+					.addClass("cb-zoom-out")
+					.click(function(){
+						ComicBook.prototype.zoom(scale - 0.1);
+					})
+			)
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "zoom in")
+					.addClass("cb-zoom-in")
+					.click(function(){
+						ComicBook.prototype.zoom(scale + 0.1);
+					})
+			)
+			.append(
+				$(document.createElement("button"))
+					.attr("title", "fit to page width")
+					.addClass("cb-fit-width")
+					.click(function(){
+						options.zoomMode = "fitWidth"
+						ComicBook.prototype.drawPage();
+					})
+			)
+			.append(
+				$(document.createElement("p"))
+					.attr("id", "cb-comic-info")
+					.append("<span id='cb-current-page'></span> / " + srcs.length)
+			),
+
+		/**
+		 * Image enhancements
+		 * TODO: split out brightness / contrast controls?
+		 */
+		color: $(document.createElement("div"))
+			.attr("id", "cb-color")
+			.addClass("cb-control")
+			.append("<label for='cb-sharpen'>Brightness</label>")
+			.append(
+				$("<div id='cb-brightness' class='cb-option'></div>").slider({
+					value: 0,
+					step: 10,
+					min: -1000,
+					max: 1000,
+					slide: function(event, ui) {
+						ComicBook.prototype.enhance.brightness({ brightness: ui.value });
+					}
+				})
+			)
+			.append("<label for='cb-sharpen'>Contrast</label>")
+			.append(
+				$("<div id='cb-contrast' class='cb-option'></div>").slider({
+					value: 0,
+					step: 0.1,
+					min: 0,
+					max: 1,
+					slide: function(event, ui) {
+						ComicBook.prototype.enhance.brightness({ contrast: ui.value });
+					}
+				})
+			)
+			.append("<label for='cb-sharpen'>Sharpen</label>")
+			.append(
+				$("<div id='cb-sharpen' class='cb-option'></div>").slider({
+					value: 0,
+					step: 0.1,
+					min: 0,
+					max: 1,
+					slide: function(event, ui) {
+						ComicBook.prototype.enhance.sharpen({ amount: ui.value });
+					}
+				})
+			)
+			.append(
+				$(document.createElement("div")).addClass("cb-option")
+					.append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>")
+					.append("<button id='cb-reset'>reset</button>")
+			),
+
+		/**
+		 * Page navigation
+		 */
+		navigation: {
+
+			left: $(document.createElement("div"))
+				.addClass("cb-control cb-navigate cb-always-on left")
+				.click(function(e){
+					ComicBook.prototype.drawPrevPage();
+				}),
+
+			right: $(document.createElement("div"))
+				.addClass("cb-control cb-navigate cb-always-on right")
+				.click(function(e) {
+					ComicBook.prototype.drawNextPage();
+				})
+		},
+		
+		loadingOverlay: $(document.createElement("div"))
+			.attr("id", "cb-loading-overlay")
+			.addClass("cb-control")
+	};
+
+	/**
+	 * TODO: center, make sure they never leave the visible portion of the screen
+	 */
+	ComicBook.prototype.renderControls = function() {
+		
+		$(canvas)
+			.before(this.getControl("loadingOverlay"))
+			.before(this.getControl("status"))
+			.after(this.getControl("toolbar"))
+			.after(this.getControl("navigation").left)
+			.after(this.getControl("navigation").right)
+			.after(this.getControl("color").hide());
+		
+		$(".cb-menu-button").click(function(e) {
+			$(this).toggleClass("active");
+		});
+		
+		$("#cb-desaturate").click(function(){
+			if ($(this).is(":checked")) {
+				ComicBook.prototype.enhance.desaturate();
+			} else {
+				ComicBook.prototype.enhance.resaturate();
+			}
+		});
+
+		$("#cb-reset").click(function() {
+			// TODO: improve performance here.
+			$("#cb-brightness").slider("value", 0);
+			$("#cb-contrast").slider("value", 0);
+			$("#cb-saturation").slider("value", 0);
+			$("#cb-sharpen").slider("value", 0);
+			var desaturate = $("#cb-desaturate");
+			desaturate.attr("checked", false);
+			ComicBook.prototype.enhance.reset();
+		});
+	};
+
+	ComicBook.prototype.getControl = function(control) {
+
+		if (typeof this.control[control] === "undefined") {
+			throw new ComicBookException(ComicBookException.UNDEFINED_CONTROL, control);
+		}
+
+		return this.control[control];
+	};
+
+	ComicBook.prototype.showControl = function(control) {
+		this.getControl(control).show().addClass("open");
+	};
+
+	ComicBook.prototype.hideControl = function(control) {
+		this.getControl(control).removeClass("open").hide();
+	};
+
+	ComicBook.prototype.toggleControl = function(control) {
+		this.getControl(control).toggle().toggleClass("open");
+	};
+
+	ComicBook.prototype.toggleToolbar = function() {
+		if ($("#cb-toolbar").is(":visible")) {
+			$(".cb-control").not(".cb-always-on").hide();
+		} else {
+			$("#cb-toolbar, .cb-control.open").show();
+		}
+	};
+
+	ComicBook.prototype.toggleLayout = function() {
+		if (options.displayMode === "double") {
+			$("#cb-toolbar .cb-layout").removeClass("double");
+			options.displayMode = "single";
+		} else {
+			$("#cb-toolbar .cb-layout").removeClass("single");
+			options.displayMode = "double";
+		}
+		$("#cb-toolbar .cb-layout").addClass(options.displayMode);
+		ComicBook.prototype.drawPage();
+	};
+
+	/**
+	 * Get the image for a given page.
+	 *
+	 * @return Image
+	 */
+	ComicBook.prototype.getPage = function(i) {
+		
+		if (i < 0 || i > srcs.length) {
+			throw new ComicBookException(ComicBookException.INVALID_PAGE, i);
+		}
+		
+		if (typeof pages[i] === "object") {
+			return pages[i];
+		} else {
+			page_requested = i;
+			this.showControl("loadingOverlay");
+		}
+	};
+
+	/**
+	 * @see #preload
+	 */
+	ComicBook.prototype.draw = function () {
+
+		init();
+
+		// resize navigation controls
+		$(".cb-control.cb-navigate").outerHeight(window.innerHeight);
+		$("#cb-toolbar").outerWidth(windowWidth());
+		$("#cb-loading-overlay").outerWidth(windowWidth()).height(window.innerHeight);
+		
+		// preload images if needed
+		if (pages.length !== no_pages) {
+			this.preload();
+		} else {
+			this.drawPage();
+		}
+	};
+
+	/**
+	 * Zoom the canvas
+	 *
+	 * @param new_scale {Number} Scale the canvas to this ratio
+	 */
+	ComicBook.prototype.zoom = function (new_scale) {
+		options.zoomMode = "manual";
+		scale = new_scale;
+		if (typeof this.getPage(pointer) === "object") { this.drawPage(); }
+	};
+
+	/**
+	 * Preload all images, draw the page only after a given number have been loaded.
+	 *
+	 * @see #drawPage
+	 */
+	ComicBook.prototype.preload = function () {
+		
+		this.showControl("loadingOverlay");
+
+		//var srcs = this.srcs;
+
+		if (no_pages < buffer) { buffer = no_pages; } // don't get stuck if the buffer level is higher than the number of pages
+
+		var i = pointer; // the current page counter for this method
+		//if (i - buffer >= 0) { i = i - buffer; } // start loading from the first requested page - buffer
+
+		// I am using recursion instead of a forEach loop so that the next image is
+		// only loaded when the previous one has completely finished
+		function preload(i) {
+
+			var page = new Image();
+			var padding;
+
+			$("#cb-status").text("loading page " + (i + 1) + " of " + no_pages);
+
+			page.src = srcs[i];
+
+			page.onload = function () {
+
+				pages[i] = this;
+				loaded.push(i);
+
+				// start to load from the beginning if loading started midway
+				if (i === no_pages-1 && loaded.length !== no_pages) {
+					i = -1;
+				}
+
+				// there are still more pages to load, do it
+				if (loaded.length < no_pages) {
+					i++;
+					preload(i);
+				}
+
+				//console.log(loaded[loaded.length-1]);
+
+				// double page mode needs an extra page added to the buffer
+				padding = (options.displayMode === "double") ? 1 : 0;
+			
+				// start rendering the comic when the buffer level has been reached (FIXME: buggy, fails if trying to load the last couple of pages)
+				if (loaded[loaded.length-1] === pointer + buffer + padding || loaded[loaded.length-1] === page_requested) {
+					
+					// if the user is waiting for a page to be loaded, render that one instead of the default pointer
+					if (typeof page_requested === "number") {
+						pointer = page_requested-1;
+						page_requested = false;
+					}
+					
+					ComicBook.prototype.drawPage();
+					ComicBook.prototype.hideControl("loadingOverlay");
+				}
+				if (loaded.length === no_pages) { ComicBook.prototype.hideControl("status") }
+			};
+		}
+
+		// manually trigger the first load
+		preload(i);
+	};
+	
+	ComicBook.prototype.pageLoaded = function (page_no) {
+		return (typeof loaded[page_no-1] !== "undefined");
+	};
+
+	/**
+	 * Draw the current page in the canvas
+	 */
+	ComicBook.prototype.drawPage = function(page_no) {
+		
+		// if a specific page is given try to render it, if not bail and wait for preload() to render it
+		if (typeof page_no === "number" && page_no < srcs.length) { 
+			pointer = page_no-1;
+			if (!this.pageLoaded(page_no)) {
+				this.showControl("loadingOverlay");
+				return;
+			}
+		}
+
+		var zoom_scale;
+		var offsetW = 0, offsetH = 0;
+
+		var page = ComicBook.prototype.getPage(pointer);
+		var page2 = ComicBook.prototype.getPage(pointer + 1);
+
+		if (typeof page !== "object") {
+			throw new ComicBookException(ComicBookException.INVALID_PAGE_TYPE, typeof page);
+		}
+
+		var width = page.width;
+
+		// reset the canvas to stop duplicate pages showing
+		canvas.width = 0;
+		canvas.height = 0;
+		
+		// show double page spreads on a single page
+		is_double_page_spread = ((page.width > page.height || page2.width > page2.height) && options.displayMode === "double");
+		if (is_double_page_spread) { options.displayMode = "single"; }
+
+		if (options.displayMode === "double") {
+
+			// for double page spreads, factor in the width of both pages
+			if (typeof page2 === "object") { width += page2.width; }
+
+			// if this is the last page and there is no page2, still keep the canvas wide
+			else { width += width; }
+		}
+
+		// update the page scale if a non manual mode has been chosen
+		switch(options.zoomMode) {
+
+			case "manual":
+				document.body.style.overflowX = "auto";
+				zoom_scale = (options.displayMode === "double") ? scale * 2 : scale;
+				break;
+
+			case "fitWidth":
+				document.body.style.overflowX = "hidden";
+				
+				zoom_scale = (windowWidth() > width)
+					? ((windowWidth() - width) / windowWidth()) + 1 // scale up if the window is wider than the page
+					: windowWidth() / width; // scale down if the window is narrower than the page
+
+				// update the interal scale var so switching zoomModes while zooming will be smooth
+				scale = zoom_scale
+				break;
+
+			default:
+				throw new ComicBookException(ComicBookException.INVALID_ZOOM_MODE, options.zoomMode);
+		}
+
+		var canvas_width  = page.width * zoom_scale;
+		var canvas_height = page.height * zoom_scale;
+
+		var page_width = (options.zoomMode === "manual") ? page.width * scale : canvas_width;
+		var page_height = (options.zoomMode === "manual") ? page.height * scale : canvas_height;
+
+		canvas_height = page_height;
+
+		// make sure the canvas is always at least full screen, even if the page is more narrow than the screen
+		canvas.width = (canvas_width < windowWidth()) ? windowWidth() : canvas_width;
+		canvas.height = (canvas_height < window.innerHeight) ? window.innerHeight : canvas_height;
+
+		// work out a horizontal position that will keep the pages always centred
+		if (canvas_width < windowWidth() && options.zoomMode === "manual") {
+			offsetW = (windowWidth() - page_width) / 2;
+			if (options.displayMode === "double") { offsetW = offsetW - page_width / 2; }
+		}
+
+		// work out a vertical position that will keep the pages always centred
+		if (canvas_height < window.innerHeight && options.zoomMode === "manual") {
+			offsetH = (window.innerHeight - page_height) / 2;
+		}
+
+		// in manga double page mode reverse the page(s)
+		if (options.manga && options.displayMode === "double") {
+			var tmpPage = page;
+			var tmpPage2 = page2; // FIXME: check this exists before using
+			page = tmpPage2;
+			page2 = tmpPage;
+		}
+
+		// draw the page(s)
+		context.drawImage(page, offsetW, offsetH, page_width, page_height);
+		if (options.displayMode === "double" && typeof page2 === "object") { context.drawImage(page2, page_width + offsetW, offsetH, page_width, page_height); }
+
+		// apply any image enhancements previously defined
+		$.each(options.enhance, function(action, options) {
+			ComicBook.prototype.enhance[action](options);
+		});
+
+		var current_page = (options.displayMode === "double") ? (pointer+1) + "-" + (pointer+2) : pointer+1
+		$("#cb-current-page").text(current_page);
+
+		// revert page mode back to double if it was auto switched for a double page spread
+		if (is_double_page_spread) { options.displayMode = "double"; }
+
+		// user callback
+		if (typeof options.afterDrawPage === "function") {
+			options.afterDrawPage(pointer + 1);
+		}
+
+		// update hash location
+		if (getHash() !== pointer) {
+			setHash(pointer + 1);
+		}
+		
+		// make sure the top of the page is in view
+		window.scroll(0, 0);
+	};
+
+	/**
+	 * Increment the counter and draw the page in the canvas
+	 *
+	 * @see #drawPage
+	 */
+	ComicBook.prototype.drawNextPage = function () {
+		
+		if (!this.getPage(pointer+1)) { return false; }
+		
+		if (pointer + 1 < pages.length) {
+			pointer += (options.displayMode === "single" || is_double_page_spread) ? 1 : 2;
+			this.drawPage();
+		}
+	};
+
+	/**
+	 * Decrement the counter and draw the page in the canvas
+	 *
+	 * @see #drawPage
+	 */
+	ComicBook.prototype.drawPrevPage = function () {
+		
+		var page = this.getPage(pointer-1);		
+		if (!page) { return false; }
+		
+		is_double_page_spread = (page.width > page.height); // need to run double page check again here as we are going backwards
+
+		if (pointer > 0) {
+			pointer -= (options.displayMode === "single" || is_double_page_spread) ? 1 : 2;
+			this.drawPage();
+		}
+	};
+
+	/**
+	 * Apply image enhancements to the canvas.
+	 *
+	 * Powered by the awesome Pixastic: http://www.pixastic.com/
+	 *
+	 * TODO: reset & apply all image enhancements each time before applying new one
+	 * TODO: abstract this into an "Enhance" object, separate from ComicBook?
+	 */
+	ComicBook.prototype.enhance = {
+
+		/**
+		 * Reset enhancements.
+		 * This can reset a specific enhancement if the method name is passed, or
+		 * it will reset all.
+		 *
+		 * @param method {string} the specific enhancement to reset
+		 */
+		reset: function (method) {
+			if (!method) {
+				options.enhance = {};
+			} else {
+				delete options.enhance[method];
+			}
+			ComicBook.prototype.drawPage();
+		},
+
+		/**
+		 * Adjust brightness / contrast
+		 *
+		 * params
+		 *    brightness (int) -150 to 150
+		 *    contrast: (float) -1 to infinity
+		 *
+		 * @param {Object} params Brightness & contrast levels
+		 * @param {Boolean} reset Reset before applying more enhancements?
+		 */
+		brightness: function (params, reset) {
+
+			if (reset !== false) { this.reset("brightness"); }
+
+			// merge user options with defaults
+			var opts = merge({ brightness: 0, contrast: 0 }, params);
+
+			// remember options for later
+			options.enhance.brightness = opts;
+
+			// run the enhancement
+			Pixastic.process(canvas, "brightness", {
+				brightness: opts.brightness,
+				contrast: opts.contrast,
+				legacy: true
+			});
+
+			init();
+		},
+
+		/**
+		 * Force black and white
+		 */
+		desaturate: function () {
+
+			options.enhance.desaturate = {};
+
+			Pixastic.process(canvas, "desaturate", { average : false });
+
+			init();
+		},
+
+		/**
+		 * Undo desaturate
+		 */
+		resaturate: function() {
+			delete options.enhance.desaturate;
+			ComicBook.prototype.drawPage();
+		},
+
+		/**
+		 * Sharpen
+		 *
+		 * options:
+		 *   amount: number (-1 to infinity)
+		 *
+		 * @param {Object} options
+		 */
+		sharpen: function (params) {
+
+			this.desharpen();
+
+			var opts = merge({ amount: 0 }, params);
+
+			options.enhance.sharpen = opts;
+
+			Pixastic.process(canvas, "sharpen", {
+				amount: opts.amount
+			});
+
+			init();
+		},
+
+		desharpen: function() {
+			delete options.enhance.sharpen;
+			ComicBook.prototype.drawPage();
+		}
+	};
+
+	ComicBook.prototype.navigation = function (e) {
+
+		// disable navigation when the overlay is showing
+		if ($("#cb-loading-overlay").is(":visible")) { return false; }
+
+		var side = false;
+
+		switch (e.type) {
+			case "click":
+				ComicBook.prototype.toggleToolbar();
+				break;
+			case "keydown":
+			
+				// navigation
+				if (e.keyCode === options.keyboard.previous) { side = "left"; }
+				if (e.keyCode === options.keyboard.next) { side = "right"; }
+
+				// display controls
+				if (e.keyCode === options.keyboard.toolbar) {
+					ComicBook.prototype.toggleToolbar();
+				}
+				if (e.keyCode === options.keyboard.toggleLayout) {
+					ComicBook.prototype.toggleLayout();
+				}
+				break;
+			default:
+				throw new ComicBookException(
+					ComicBookException.INVALID_NAVIGATION_EVENT, e.type
+				);
+		}
+
+		if (side) {
+
+			e.stopPropagation();
+
+			// western style (left to right)
+			if (!options.manga) {
+				if (side === "left") { ComicBook.prototype.drawPrevPage(); }
+				if (side === "right") { ComicBook.prototype.drawNextPage(); }
+			}
+			// manga style (right to left)
+			else {
+				if (side === "left") { ComicBook.prototype.drawNextPage(); }
+				if (side === "right") { ComicBook.prototype.drawPrevPage(); }
+			}
+
+			return false;
+		}
+	};
+	
+}
diff --git a/lib/ComicBook.js b/lib/ComicBook.js
index ef51e2b..6efc955 100755
--- a/lib/ComicBook.js
+++ b/lib/ComicBook.js
@@ -7,7 +7,6 @@
 		- fix manga mode
 		- trigger preload if requesting valid but not loaded images (can happen if network was interupted)
 		- check for html5 feature support where used: diveintohtml5.org/everything.html or www.modernizr.com
-		- write bin scripts to minify & join all js
 		- when applying enhancements reading position gets lost
 		- loading bar
 		- full browser test - IE9 / FF3.6+ / Chrome / Safari / Opera
diff --git a/lib/ComicBook.min.js b/lib/ComicBook.min.js
index 5e1baf0..2464326 100644
--- a/lib/ComicBook.min.js
+++ b/lib/ComicBook.min.js
@@ -1,20 +1,38 @@
-function merge(j,g){var k;typeof g==="undefined"&&(g={});for(k in j)j.hasOwnProperty(k)&&!(k in g)&&(g[k]=j[k]);return g}function ComicBookException(j,g){this.type=j;this.object=g;this.INVALID_PAGE="invalid page";this.INVALID_PAGE_TYPE="invalid page type";this.UNDEFINED_CONTROL="undefined control";this.INVALID_ZOOM_MODE="invalid zoom mode";this.INVALID_NAVIGATION_EVENT="invalid navigation event"}
-function ComicBook(j,g,k){function m(){var a=window.innerHeight+1;o===!1&&(o=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(o));o.height(a);return o.innerWidth()}function w(){var a=parseInt(location.hash.substring(1),10)-1||0;a!==d&&h.indexOf(a)>-1&&(d=a,ComicBook.prototype.draw())}function s(){i=document.getElementById(x);t=i.getContext("2d");v===!1&&(ComicBook.prototype.renderControls(),v=!0);i.addEventListener("click",
-ComicBook.prototype.navigation,!1);window.addEventListener("keydown",ComicBook.prototype.navigation,!1);window.addEventListener("hashchange",w,!1)}var x=j;this.srcs=g;var b=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},k),e=g.length,p=[],i,t,u=1,h=[],n=1,q=!1,v=!1,r=!1,o=!1,d=parseInt(location.hash.substring(1),10)-1||0;ComicBook.prototype.control={status:$(document.createElement("p")).attr("id","cb-status").addClass("cb-control cb-always-on"),
+var Pixastic=function(){function c(a,b,e){a.addEventListener?a.addEventListener(b,e,!1):a.attachEvent&&a.attachEvent("on"+b,e)}function k(a){var b=!1,e=function(){b||(b=!0,a())};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),e())};document.addEventListener&&document.addEventListener("DOMContentLoaded",e,!1);c(window,"load",
+e)}function g(){for(var a=f("pixastic",null,"img"),b=f("pixastic",null,"canvas"),e=a.concat(b),d=0;d<e.length;d++)(function(){for(var a=e[d],b=[],m=a.className.split(" "),f=0;f<m.length;f++){var c=m[f];c.substring(0,9)=="pixastic-"&&(c=c.substring(9),c!=""&&b.push(c))}if(b.length)if(a.tagName.toLowerCase()=="img")if(m=new Image,m.src=a.src,m.complete)for(m=0;m<b.length;m++)(f=Pixastic.applyAction(a,a,b[m],null))&&(a=f);else m.onload=function(){for(var d=0;d<b.length;d++){var e=Pixastic.applyAction(a,
+a,b[d],null);e&&(a=e)}};else setTimeout(function(){for(var d=0;d<b.length;d++){var e=Pixastic.applyAction(a,a,b[d],null);e&&(a=e)}},1)})()}function f(a,b,e){var d=[];b==null&&(b=document);e==null&&(e="*");b=b.getElementsByTagName(e);e=b.length;a=RegExp("(^|\\s)"+a+"(\\s|$)");for(i=0,j=0;i<e;i++)a.test(b[i].className)&&(d[j]=b[i],j++);return d}function p(a,b){if(Pixastic.debug)try{switch(b){case "warn":console.warn("Pixastic:",a);break;case "error":console.error("Pixastic:",a);break;default:console.log("Pixastic:",
+a)}}catch(e){}}typeof pixastic_parseonload!="undefined"&&pixastic_parseonload&&k(g);var l=function(){var a=document.createElement("canvas"),b=!1;try{b=!!(typeof a.getContext=="function"&&a.getContext("2d"))}catch(e){}return function(){return b}}(),q=function(){var a=document.createElement("canvas"),b=!1,e;try{if(typeof a.getContext=="function"&&(e=a.getContext("2d")))b=typeof e.getImageData=="function"}catch(d){}return function(){return b}}(),b=function(){var a=!1,b=document.createElement("canvas");
+if(l()&&q()){b.width=b.height=1;b=b.getContext("2d");b.fillStyle="rgb(255,0,0)";b.fillRect(0,0,1,1);var e=document.createElement("canvas");e.width=e.height=1;var d=e.getContext("2d");d.fillStyle="rgb(0,0,255)";d.fillRect(0,0,1,1);b.globalAlpha=0.5;b.drawImage(e,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,e,d){var d=d||{},f=a.tagName.toLowerCase()=="canvas";if(f&&Pixastic.Client.isIE())return Pixastic.debug&&p("Tried to process a canvas element but browser is IE."),
+!1;var h,c,k=!1;Pixastic.Client.hasCanvas()&&(k=!!d.resultCanvas,h=d.resultCanvas||document.createElement("canvas"),c=h.getContext("2d"));var g=a.offsetWidth,l=a.offsetHeight;if(f)g=a.width,l=a.height;if(g==0||l==0)if(a.parentNode==null){var o=a.style.position,n=a.style.left;a.style.position="absolute";a.style.left="-9999px";document.body.appendChild(a);g=a.offsetWidth;l=a.offsetHeight;document.body.removeChild(a);a.style.position=o;a.style.left=n}else{Pixastic.debug&&p("Image has 0 width and/or height.");
+return}if(e.indexOf("(")>-1&&(o=e,e=o.substr(0,o.indexOf("(")),o=o.match(/\((.*?)\)/),o[1])){o=o[1].split(";");for(n=0;n<o.length;n++)if(thisArg=o[n].split("="),thisArg.length==2)if(thisArg[0]=="rect"){var w=thisArg[1].split(",");d[thisArg[0]]={left:parseInt(w[0],10)||0,top:parseInt(w[1],10)||0,width:parseInt(w[2],10)||0,height:parseInt(w[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:g,height:l};o=!1;Pixastic.Actions[e]&&typeof Pixastic.Actions[e].process=="function"&&(o=!0);if(!o)return Pixastic.debug&&p('Invalid action "'+e+'". Maybe file not included?'),!1;if(!Pixastic.Actions[e].checkSupport())return Pixastic.debug&&p('Action "'+e+'" not supported by this browser.'),!1;if(Pixastic.Client.hasCanvas()){if(h!==a)h.width=g,h.height=l;if(!k)h.style.width=g+"px",h.style.height=l+"px";c.drawImage(b,0,0,g,l);a.__pixastic_org_image?
+(h.__pixastic_org_image=a.__pixastic_org_image,h.__pixastic_org_width=a.__pixastic_org_width,h.__pixastic_org_height=a.__pixastic_org_height):(h.__pixastic_org_image=a,h.__pixastic_org_width=g,h.__pixastic_org_height=l)}else if(Pixastic.Client.isIE()&&typeof a.__pixastic_org_style=="undefined")a.__pixastic_org_style=a.style.cssText;b={image:a,canvas:h,width:g,height:l,useData:!0,options:d};if(!Pixastic.Actions[e].process(b))return!1;if(Pixastic.Client.hasCanvas()){b.useData&&Pixastic.Client.hasCanvasImageData()&&
+(h.getContext("2d").putImageData(b.canvasData,d.rect.left,d.rect.top),h.getContext("2d").fillRect(0,0,0,0));if(!d.leaveDOM){h.title=a.title;h.imgsrc=a.imgsrc;if(!f)h.alt=a.alt;if(!f)h.imgsrc=a.src;h.className=a.className;h.style.cssText=a.style.cssText;h.name=a.name;h.tabIndex=a.tabIndex;h.id=a.id;a.parentNode&&a.parentNode.replaceChild&&a.parentNode.replaceChild(h,a)}return d.resultCanvas=h}return a},prepareData:function(a,b){var e=a.canvas.getContext("2d"),d=a.options.rect,e=e.getImageData(d.left,
+d.top,d.width,d.height),d=e.data;if(!b)a.canvasData=e;return d},process:function(a,b,e,d){if(a.tagName.toLowerCase()=="img"){var f=new Image;f.src=a.src;if(f.complete){var c=Pixastic.applyAction(a,f,b,e);d&&d(c);return c}else f.onload=function(){var c=Pixastic.applyAction(a,f,b,e);d&&d(c)}}if(a.tagName.toLowerCase()=="canvas")return c=Pixastic.applyAction(a,a,b,e),d&&d(c),c},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:l,hasCanvasImageData:q,hasGlobalAlpha:b,isIE:function(){return!!document.all&&!!window.attachEvent&&!window.opera}},Actions:{}}}();
+Pixastic.Actions.brightness={process:function(c){var k=parseInt(c.options.brightness,10)||0,g=parseFloat(c.options.contrast)||0,f=!!(c.options.legacy&&c.options.legacy!="false");if(f)k=Math.min(150,Math.max(-150,k));else var p=1+Math.min(150,Math.max(-150,k))/150;g=Math.max(0,g+1);if(Pixastic.Client.hasCanvasImageData()){var l=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,q=c*4,b,a;g!=1?f?(f=g,k=(k-128)*g+128):(f=p*g,k=-g*128+128):f?f=1:(f=p,k=0);for(var m,e,d;c--;)l[q]=(m=l[q-=4]*f+
+k)>255?255:m<0?0:m,l[b]=(e=l[b=q+1]*f+k)>255?255:e<0?0:e,l[a]=(d=l[a=q+2]*f+k)>255?255:d<0?0:d;return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};
+Pixastic.Actions.desaturate={process:function(c){var k=!!(c.options.average&&c.options.average!="false");if(Pixastic.Client.hasCanvasImageData()){var g=Pixastic.prepareData(c),c=c.options.rect,c=c.width*c.height,f=c*4,p,l;if(k)for(;c--;)g[f-=4]=g[p=f+1]=g[l=f+2]=(g[f]+g[p]+g[l])/3;else for(;c--;)g[f-=4]=g[p=f+1]=g[l=f+2]=g[f]*0.3+g[p]*0.59+g[l]*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 k=0;typeof c.options.amount!="undefined"&&(k=parseFloat(c.options.amount)||0);k<0&&(k=0);k>1&&(k=1);if(Pixastic.Client.hasCanvasImageData()){for(var g=Pixastic.prepareData(c),f=Pixastic.prepareData(c,!0),p=15,k=1+3*k,l=[[0,-k,0],[-k,p,-k],[0,-k,0]],q=0,b=0;b<3;b++)for(var a=0;a<3;a++)q+=l[b][a];q=1/q;l=c.options.rect;c=l.width;l=l.height;p*=q;k*=q;q=c*4;b=l;do{var a=(b-1)*q,m=(b==1?0:b-2)*q,e=(b==l?b-1:b)*q,d=c;do{var r=a+(d*4-4),h=m+(d==1?0:d-2)*
+4,s=e+(d==c?d-1:d)*4,t=(-f[h]-f[r-4]-f[r+4]-f[s])*k+f[r]*p,u=(-f[h+1]-f[r-3]-f[r+5]-f[s+1])*k+f[r+1]*p,h=(-f[h+2]-f[r-2]-f[r+6]-f[s+2])*k+f[r+2]*p;t<0&&(t=0);u<0&&(u=0);h<0&&(h=0);t>255&&(t=255);u>255&&(u=255);h>255&&(h=255);g[r]=t;g[r+1]=u;g[r+2]=h}while(--d)}while(--b);return!0}},checkSupport:function(){return Pixastic.Client.hasCanvasImageData()}};function merge(c,k){var g;typeof k==="undefined"&&(k={});for(g in c)c.hasOwnProperty(g)&&!(g in k)&&(k[g]=c[g]);return k}
+function ComicBookException(c,k){this.type=c;this.object=k;this.INVALID_PAGE="invalid page";this.INVALID_PAGE_TYPE="invalid page type";this.UNDEFINED_CONTROL="undefined control";this.INVALID_ZOOM_MODE="invalid zoom mode";this.INVALID_NAVIGATION_EVENT="invalid navigation event"}
+function ComicBook(c,k,g){function f(){var a=window.innerHeight+1;o===!1&&(o=$(document.createElement("div")).attr("id","cb-width-shiv").css({width:"100%",position:"absolute",top:0,zIndex:"-1000"}),$("body").append(o));o.height(a);return o.innerWidth()}function p(){var a=parseInt(location.hash.substring(1),10)-1||0;a!==n&&h.indexOf(a)>-1&&(n=a,ComicBook.prototype.draw())}function l(){e=document.getElementById(q);d=e.getContext("2d");u===!1&&(ComicBook.prototype.renderControls(),u=!0);e.addEventListener("click",
+ComicBook.prototype.navigation,!1);window.addEventListener("keydown",ComicBook.prototype.navigation,!1);window.addEventListener("hashchange",p,!1)}var q=c;this.srcs=k;var b=merge({displayMode:"double",zoomMode:"fitWidth",manga:!1,enhance:{},keyboard:{next:78,previous:80,toolbar:84,toggleLayout:76}},g),a=k.length,m=[],e,d,r=1,h=[],s=1,t=!1,u=!1,v=!1,o=!1,n=parseInt(location.hash.substring(1),10)-1||0;ComicBook.prototype.control={status:$(document.createElement("p")).attr("id","cb-status").addClass("cb-control cb-always-on"),
 toolbar:$(document.createElement("div")).hide().attr("id","cb-toolbar").addClass("cb-control").append($(document.createElement("button")).attr("title","close the toolbar").addClass("cb-close").click(function(){ComicBook.prototype.toggleToolbar()})).append($(document.createElement("button")).attr("title","switch between dual and single page modes").addClass("cb-layout "+b.displayMode).click(function(){ComicBook.prototype.toggleLayout()})).append($(document.createElement("button")).attr("title","tweak the page colors").addClass("cb-color cb-menu-button").click(function(){ComicBook.prototype.toggleControl("color")})).append($(document.createElement("button")).attr("title",
-"zoom out").addClass("cb-zoom-out").click(function(){ComicBook.prototype.zoom(n-0.1)})).append($(document.createElement("button")).attr("title","zoom in").addClass("cb-zoom-in").click(function(){ComicBook.prototype.zoom(n+0.1)})).append($(document.createElement("button")).attr("title","fit to page width").addClass("cb-fit-width").click(function(){b.zoomMode="fitWidth";ComicBook.prototype.drawPage()})).append($(document.createElement("p")).attr("id","cb-comic-info").append("<span id='cb-current-page'></span> / "+
-g.length)),color:$(document.createElement("div")).attr("id","cb-color").addClass("cb-control").append("<label for='cb-sharpen'>Brightness</label>").append($("<div id='cb-brightness' class='cb-option'></div>").slider({value:0,step:10,min:-1E3,max:1E3,slide:function(a,b){ComicBook.prototype.enhance.brightness({brightness:b.value})}})).append("<label for='cb-sharpen'>Contrast</label>").append($("<div id='cb-contrast' class='cb-option'></div>").slider({value:0,step:0.1,min:0,max:1,slide:function(a,b){ComicBook.prototype.enhance.brightness({contrast:b.value})}})).append("<label for='cb-sharpen'>Sharpen</label>").append($("<div id='cb-sharpen' class='cb-option'></div>").slider({value:0,
+"zoom out").addClass("cb-zoom-out").click(function(){ComicBook.prototype.zoom(s-0.1)})).append($(document.createElement("button")).attr("title","zoom in").addClass("cb-zoom-in").click(function(){ComicBook.prototype.zoom(s+0.1)})).append($(document.createElement("button")).attr("title","fit to page width").addClass("cb-fit-width").click(function(){b.zoomMode="fitWidth";ComicBook.prototype.drawPage()})).append($(document.createElement("p")).attr("id","cb-comic-info").append("<span id='cb-current-page'></span> / "+
+k.length)),color:$(document.createElement("div")).attr("id","cb-color").addClass("cb-control").append("<label for='cb-sharpen'>Brightness</label>").append($("<div id='cb-brightness' class='cb-option'></div>").slider({value:0,step:10,min:-1E3,max:1E3,slide:function(a,b){ComicBook.prototype.enhance.brightness({brightness:b.value})}})).append("<label for='cb-sharpen'>Contrast</label>").append($("<div id='cb-contrast' class='cb-option'></div>").slider({value:0,step:0.1,min:0,max:1,slide:function(a,b){ComicBook.prototype.enhance.brightness({contrast:b.value})}})).append("<label for='cb-sharpen'>Sharpen</label>").append($("<div id='cb-sharpen' class='cb-option'></div>").slider({value:0,
 step:0.1,min:0,max:1,slide:function(a,b){ComicBook.prototype.enhance.sharpen({amount:b.value})}})).append($(document.createElement("div")).addClass("cb-option").append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>").append("<button id='cb-reset'>reset</button>")),navigation:{left:$(document.createElement("div")).addClass("cb-control cb-navigate cb-always-on left").click(function(){ComicBook.prototype.drawPrevPage()}),right:$(document.createElement("div")).addClass("cb-control cb-navigate cb-always-on right").click(function(){ComicBook.prototype.drawNextPage()})},
-loadingOverlay:$(document.createElement("div")).attr("id","cb-loading-overlay").addClass("cb-control")};ComicBook.prototype.renderControls=function(){$(i).before(this.getControl("loadingOverlay")).before(this.getControl("status")).after(this.getControl("toolbar")).after(this.getControl("navigation").left).after(this.getControl("navigation").right).after(this.getControl("color").hide());$(".cb-menu-button").click(function(){$(this).toggleClass("active")});$("#cb-desaturate").click(function(){$(this).is(":checked")?
+loadingOverlay:$(document.createElement("div")).attr("id","cb-loading-overlay").addClass("cb-control")};ComicBook.prototype.renderControls=function(){$(e).before(this.getControl("loadingOverlay")).before(this.getControl("status")).after(this.getControl("toolbar")).after(this.getControl("navigation").left).after(this.getControl("navigation").right).after(this.getControl("color").hide());$(".cb-menu-button").click(function(){$(this).toggleClass("active")});$("#cb-desaturate").click(function(){$(this).is(":checked")?
 ComicBook.prototype.enhance.desaturate():ComicBook.prototype.enhance.resaturate()});$("#cb-reset").click(function(){$("#cb-brightness").slider("value",0);$("#cb-contrast").slider("value",0);$("#cb-saturation").slider("value",0);$("#cb-sharpen").slider("value",0);$("#cb-desaturate").attr("checked",!1);ComicBook.prototype.enhance.reset()})};ComicBook.prototype.getControl=function(a){if(typeof this.control[a]==="undefined")throw new ComicBookException(ComicBookException.UNDEFINED_CONTROL,a);return this.control[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.toggleToolbar=function(){$("#cb-toolbar").is(":visible")?$(".cb-control").not(".cb-always-on").hide():$("#cb-toolbar, .cb-control.open").show()};ComicBook.prototype.toggleLayout=function(){b.displayMode==="double"?
-($("#cb-toolbar .cb-layout").removeClass("double"),b.displayMode="single"):($("#cb-toolbar .cb-layout").removeClass("single"),b.displayMode="double");$("#cb-toolbar .cb-layout").addClass(b.displayMode);ComicBook.prototype.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>g.length)throw new ComicBookException(ComicBookException.INVALID_PAGE,a);if(typeof p[a]==="object")return p[a];else r=a,this.showControl("loadingOverlay")};ComicBook.prototype.draw=function(){s();$(".cb-control.cb-navigate").outerHeight(window.innerHeight);
-$("#cb-toolbar").outerWidth(m());$("#cb-loading-overlay").outerWidth(m()).height(window.innerHeight);p.length!==e?this.preload():this.drawPage()};ComicBook.prototype.zoom=function(a){b.zoomMode="manual";n=a;typeof this.getPage(d)==="object"&&this.drawPage()};ComicBook.prototype.preload=function(){function a(c){var i=new Image,f;$("#cb-status").text("loading page "+(c+1)+" of "+e);i.src=g[c];i.onload=function(){p[c]=this;h.push(c);c===e-1&&h.length!==e&&(c=-1);h.length<e&&(c++,a(c));f=b.displayMode===
-"double"?1:0;if(h[h.length-1]===d+u+f||h[h.length-1]===r)typeof r==="number"&&(d=r-1,r=!1),ComicBook.prototype.drawPage(),ComicBook.prototype.hideControl("loadingOverlay");h.length===e&&ComicBook.prototype.hideControl("status")}}this.showControl("loadingOverlay");e<u&&(u=e);a(d)};ComicBook.prototype.pageLoaded=function(a){return typeof h[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a){if(typeof a==="number"&&a<g.length&&(d=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");
-return}var c,h=a=0,f=ComicBook.prototype.getPage(d),e=ComicBook.prototype.getPage(d+1);if(typeof f!=="object")throw new ComicBookException(ComicBookException.INVALID_PAGE_TYPE,typeof f);var l=f.width;i.width=0;i.height=0;if(q=(f.width>f.height||e.width>e.height)&&b.displayMode==="double")b.displayMode="single";b.displayMode==="double"&&(l+=typeof e==="object"?e.width:l);switch(b.zoomMode){case "manual":document.body.style.overflowX="auto";c=b.displayMode==="double"?n*2:n;break;case "fitWidth":document.body.style.overflowX=
-"hidden";n=c=m()>l?(m()-l)/m()+1:m()/l;break;default:throw new ComicBookException(ComicBookException.INVALID_ZOOM_MODE,b.zoomMode);}var l=f.width*c,j=f.height*c;c=b.zoomMode==="manual"?f.width*n:l;var k=b.zoomMode==="manual"?f.height*n:j,j=k;i.width=l<m()?m():l;i.height=j<window.innerHeight?window.innerHeight:j;l<m()&&b.zoomMode==="manual"&&(a=(m()-c)/2,b.displayMode==="double"&&(a-=c/2));j<window.innerHeight&&b.zoomMode==="manual"&&(h=(window.innerHeight-k)/2);b.manga&&b.displayMode==="double"&&
-(l=f,f=e,e=l);t.drawImage(f,a,h,c,k);b.displayMode==="double"&&typeof e==="object"&&t.drawImage(e,c+a,h,c,k);$.each(b.enhance,function(a,b){ComicBook.prototype.enhance[a](b)});a=b.displayMode==="double"?d+1+"-"+(d+2):d+1;$("#cb-current-page").text(a);if(q)b.displayMode="double";typeof b.afterDrawPage==="function"&&b.afterDrawPage(d+1);if((parseInt(location.hash.substring(1),10)-1||0)!==d)location.hash=d+1;window.scroll(0,0)};ComicBook.prototype.drawNextPage=function(){if(!this.getPage(d+1))return!1;
-d+1<p.length&&(d+=b.displayMode==="single"||q?1:2,this.drawPage())};ComicBook.prototype.drawPrevPage=function(){var a=this.getPage(d-1);if(!a)return!1;q=a.width>a.height;d>0&&(d-=b.displayMode==="single"||q?1:2,this.drawPage())};ComicBook.prototype.enhance={reset:function(a){a?delete b.enhance[a]:b.enhance={};ComicBook.prototype.drawPage()},brightness:function(a,c){c!==!1&&this.reset("brightness");var d=merge({brightness:0,contrast:0},a);b.enhance.brightness=d;Pixastic.process(i,"brightness",{brightness:d.brightness,
-contrast:d.contrast,legacy:!0});s()},desaturate:function(){b.enhance.desaturate={};Pixastic.process(i,"desaturate",{average:!1});s()},resaturate:function(){delete b.enhance.desaturate;ComicBook.prototype.drawPage()},sharpen:function(a){this.desharpen();a=merge({amount:0},a);b.enhance.sharpen=a;Pixastic.process(i,"sharpen",{amount:a.amount});s()},desharpen:function(){delete b.enhance.sharpen;ComicBook.prototype.drawPage()}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;
+($("#cb-toolbar .cb-layout").removeClass("double"),b.displayMode="single"):($("#cb-toolbar .cb-layout").removeClass("single"),b.displayMode="double");$("#cb-toolbar .cb-layout").addClass(b.displayMode);ComicBook.prototype.drawPage()};ComicBook.prototype.getPage=function(a){if(a<0||a>k.length)throw new ComicBookException(ComicBookException.INVALID_PAGE,a);if(typeof m[a]==="object")return m[a];else v=a,this.showControl("loadingOverlay")};ComicBook.prototype.draw=function(){l();$(".cb-control.cb-navigate").outerHeight(window.innerHeight);
+$("#cb-toolbar").outerWidth(f());$("#cb-loading-overlay").outerWidth(f()).height(window.innerHeight);m.length!==a?this.preload():this.drawPage()};ComicBook.prototype.zoom=function(a){b.zoomMode="manual";s=a;typeof this.getPage(n)==="object"&&this.drawPage()};ComicBook.prototype.preload=function(){function d(e){var f=new Image,c;$("#cb-status").text("loading page "+(e+1)+" of "+a);f.src=k[e];f.onload=function(){m[e]=this;h.push(e);e===a-1&&h.length!==a&&(e=-1);h.length<a&&(e++,d(e));c=b.displayMode===
+"double"?1:0;if(h[h.length-1]===n+r+c||h[h.length-1]===v)typeof v==="number"&&(n=v-1,v=!1),ComicBook.prototype.drawPage(),ComicBook.prototype.hideControl("loadingOverlay");h.length===a&&ComicBook.prototype.hideControl("status")}}this.showControl("loadingOverlay");a<r&&(r=a);d(n)};ComicBook.prototype.pageLoaded=function(a){return typeof h[a-1]!=="undefined"};ComicBook.prototype.drawPage=function(a){if(typeof a==="number"&&a<k.length&&(n=a-1,!this.pageLoaded(a))){this.showControl("loadingOverlay");
+return}var c,h=a=0,g=ComicBook.prototype.getPage(n),l=ComicBook.prototype.getPage(n+1);if(typeof g!=="object")throw new ComicBookException(ComicBookException.INVALID_PAGE_TYPE,typeof g);var m=g.width;e.width=0;e.height=0;if(t=(g.width>g.height||l.width>l.height)&&b.displayMode==="double")b.displayMode="single";b.displayMode==="double"&&(m+=typeof l==="object"?l.width:m);switch(b.zoomMode){case "manual":document.body.style.overflowX="auto";c=b.displayMode==="double"?s*2:s;break;case "fitWidth":document.body.style.overflowX=
+"hidden";s=c=f()>m?(f()-m)/f()+1:f()/m;break;default:throw new ComicBookException(ComicBookException.INVALID_ZOOM_MODE,b.zoomMode);}var m=g.width*c,o=g.height*c;c=b.zoomMode==="manual"?g.width*s:m;var p=b.zoomMode==="manual"?g.height*s:o,o=p;e.width=m<f()?f():m;e.height=o<window.innerHeight?window.innerHeight:o;m<f()&&b.zoomMode==="manual"&&(a=(f()-c)/2,b.displayMode==="double"&&(a-=c/2));o<window.innerHeight&&b.zoomMode==="manual"&&(h=(window.innerHeight-p)/2);b.manga&&b.displayMode==="double"&&
+(m=g,g=l,l=m);d.drawImage(g,a,h,c,p);b.displayMode==="double"&&typeof l==="object"&&d.drawImage(l,c+a,h,c,p);$.each(b.enhance,function(a,b){ComicBook.prototype.enhance[a](b)});a=b.displayMode==="double"?n+1+"-"+(n+2):n+1;$("#cb-current-page").text(a);if(t)b.displayMode="double";typeof b.afterDrawPage==="function"&&b.afterDrawPage(n+1);if((parseInt(location.hash.substring(1),10)-1||0)!==n)location.hash=n+1;window.scroll(0,0)};ComicBook.prototype.drawNextPage=function(){if(!this.getPage(n+1))return!1;
+n+1<m.length&&(n+=b.displayMode==="single"||t?1:2,this.drawPage())};ComicBook.prototype.drawPrevPage=function(){var a=this.getPage(n-1);if(!a)return!1;t=a.width>a.height;n>0&&(n-=b.displayMode==="single"||t?1:2,this.drawPage())};ComicBook.prototype.enhance={reset:function(a){a?delete b.enhance[a]:b.enhance={};ComicBook.prototype.drawPage()},brightness:function(a,d){d!==!1&&this.reset("brightness");var c=merge({brightness:0,contrast:0},a);b.enhance.brightness=c;Pixastic.process(e,"brightness",{brightness:c.brightness,
+contrast:c.contrast,legacy:!0});l()},desaturate:function(){b.enhance.desaturate={};Pixastic.process(e,"desaturate",{average:!1});l()},resaturate:function(){delete b.enhance.desaturate;ComicBook.prototype.drawPage()},sharpen:function(a){this.desharpen();a=merge({amount:0},a);b.enhance.sharpen=a;Pixastic.process(e,"sharpen",{amount:a.amount});l()},desharpen:function(){delete b.enhance.sharpen;ComicBook.prototype.drawPage()}};ComicBook.prototype.navigation=function(a){if($("#cb-loading-overlay").is(":visible"))return!1;
 var c=!1;switch(a.type){case "click":ComicBook.prototype.toggleToolbar();break;case "keydown":a.keyCode===b.keyboard.previous&&(c="left");a.keyCode===b.keyboard.next&&(c="right");a.keyCode===b.keyboard.toolbar&&ComicBook.prototype.toggleToolbar();a.keyCode===b.keyboard.toggleLayout&&ComicBook.prototype.toggleLayout();break;default:throw new ComicBookException(ComicBookException.INVALID_NAVIGATION_EVENT,a.type);}if(c)return a.stopPropagation(),b.manga?(c==="left"&&ComicBook.prototype.drawNextPage(),
 c==="right"&&ComicBook.prototype.drawPrevPage()):(c==="left"&&ComicBook.prototype.drawPrevPage(),c==="right"&&ComicBook.prototype.drawNextPage()),!1}};