diff --git a/.gitignore b/.gitignore
index 5ef754f..b512c09 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
-node_modules
-vendors
\ No newline at end of file
+node_modules
\ No newline at end of file
diff --git a/vendors/canvasquery.js b/vendors/canvasquery.js
new file mode 100644
index 0000000..a2fccef
--- /dev/null
+++ b/vendors/canvasquery.js
@@ -0,0 +1,1635 @@
+/*
+ Canvas Query 1.0.1
+ http://canvasquery.org
+ (c) 2012-2014 http://rezoner.net
+ Canvas Query may be freely distributed under the MIT license.
+*/
+
+(function() {
+
+ var COCOONJS = false;
+ var NODEJS = !(typeof exports === "undefined");
+
+ if (NODEJS) {
+ var Canvas = require('canvas');
+ var Image = Canvas.Image;
+ var fs = require("fs");
+ } else {
+ var Canvas = window.HTMLCanvasElement;
+ var Image = window.HTMLImageElement;
+ var COCOONJS = navigator.isCocoonJS;
+ }
+
+ var cq = function(selector) {
+ if (arguments.length === 0) {
+ var canvas = cq.createCanvas(window.innerWidth, window.innerHeight);
+ window.addEventListener("resize", function() {
+ // canvas.width = window.innerWidth;
+ // canvas.height = window.innerHeight;
+ });
+ } else if (typeof selector === "string") {
+ var canvas = document.querySelector(selector);
+ } else if (typeof selector === "number") {
+ var canvas = cq.createCanvas(arguments[0], arguments[1]);
+ } else if (selector instanceof Image) {
+ var canvas = cq.createCanvas(selector);
+ } else if (selector instanceof cq.Layer) {
+ return selector;
+ } else {
+ var canvas = selector;
+ }
+
+ return new cq.Layer(canvas);
+ };
+
+ cq.lineSpacing = 1.0;
+
+ cq.cocoon = function(selector) {
+ if (arguments.length === 0) {
+ var canvas = cq.createCocoonCanvas(window.innerWidth, window.innerHeight);
+ window.addEventListener("resize", function() {});
+ } else if (typeof selector === "string") {
+ var canvas = document.querySelector(selector);
+ } else if (typeof selector === "number") {
+ var canvas = cq.createCocoonCanvas(arguments[0], arguments[1]);
+ } else if (selector instanceof Image) {
+ var canvas = cq.createCocoonCanvas(selector);
+ } else if (selector instanceof cq.Layer) {
+ return selector;
+ } else {
+ var canvas = selector;
+ }
+
+ return new cq.Layer(canvas);
+ }
+
+
+ cq.extend = function() {
+ for (var i = 1; i < arguments.length; i++) {
+ for (var j in arguments[i]) {
+ arguments[0][j] = arguments[i][j];
+ }
+ }
+
+ return arguments[0];
+ };
+
+ cq.augment = function() {
+ for (var i = 1; i < arguments.length; i++) {
+ _.extend(arguments[0], arguments[i]);
+ arguments[i](arguments[0]);
+ }
+ };
+
+ cq.distance = function(x1, y1, x2, y2) {
+ if (arguments.length > 2) {
+ var dx = x1 - x2;
+ var dy = y1 - y2;
+
+ return Math.sqrt(dx * dx + dy * dy);
+ } else {
+ return Math.abs(x1 - y1);
+ }
+ };
+
+ cq.extend(cq, {
+
+ smoothing: true,
+
+ blend: function(below, above, mode, mix) {
+
+ if (typeof mix === "undefined") mix = 1;
+
+ var below = cq(below);
+ var mask = below.clone();
+ var above = cq(above);
+
+ below.save();
+ below.globalAlpha(mix);
+ below.globalCompositeOperation(mode);
+ below.drawImage(above.canvas, 0, 0);
+ below.restore();
+
+ mask.save();
+ mask.globalCompositeOperation("source-in");
+ mask.drawImage(below.canvas, 0, 0);
+ mask.restore();
+
+ return mask;
+ },
+
+ matchColor: function(color, palette) {
+ var rgbPalette = [];
+
+ for (var i = 0; i < palette.length; i++) {
+ rgbPalette.push(cq.color(palette[i]));
+ }
+
+ var imgData = cq.color(color);
+
+ var difList = [];
+ for (var j = 0; j < rgbPalette.length; j++) {
+ var rgbVal = rgbPalette[j];
+ var rDif = Math.abs(imgData[0] - rgbVal[0]),
+ gDif = Math.abs(imgData[1] - rgbVal[1]),
+ bDif = Math.abs(imgData[2] - rgbVal[2]);
+ difList.push(rDif + gDif + bDif);
+ }
+
+ var closestMatch = 0;
+ for (var j = 0; j < palette.length; j++) {
+ if (difList[j] < difList[closestMatch]) {
+ closestMatch = j;
+ }
+ }
+
+ return palette[closestMatch];
+ },
+
+ temp: function(width, height) {
+ if (!this.tempLayer) {
+ this.tempLayer = cq(1, 1);
+ }
+
+ if (width instanceof Image) {
+ this.tempLayer.width = width.width;
+ this.tempLayer.height = width.height;
+ this.tempLayer.context.drawImage(width, 0, 0);
+ } else if (width instanceof Canvas) {
+ this.tempLayer.width = width.width;
+ this.tempLayer.height = width.height;
+ this.tempLayer.context.drawImage(width, 0, 0);
+ } else if (width instanceof CanvasQuery.Layer) {
+ this.tempLayer.width = width.width;
+ this.tempLayer.height = width.height;
+ this.tempLayer.context.drawImage(width.canvas, 0, 0);
+ } else {
+ this.tempLayer.width = width;
+ this.tempLayer.height = height;
+ }
+
+ return this.tempLayer;
+ },
+
+ wrapValue: function(value, min, max) {
+ if (value < min) return max + (value % max);
+ if (value >= max) return value % max;
+ return value;
+ },
+
+ limitValue: function(value, min, max) {
+ return value < min ? min : value > max ? max : value;
+ },
+
+ mix: function(a, b, amount) {
+ return a + (b - a) * amount;
+ },
+
+ hexToRgb: function(hex) {
+ if (hex.length === 7) return ['0x' + hex[1] + hex[2] | 0, '0x' + hex[3] + hex[4] | 0, '0x' + hex[5] + hex[6] | 0];
+ else return ['0x' + hex[1] + hex[1] | 0, '0x' + hex[2] + hex[2] | 0, '0x' + hex[3] + hex[3] | 0];
+ },
+
+ rgbToHex: function(r, g, b) {
+ return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1, 7);
+ },
+
+ /* author: http://mjijackson.com/ */
+
+ rgbToHsl: function(r, g, b) {
+
+ if (r instanceof Array) {
+ b = r[2];
+ g = r[1];
+ r = r[0];
+ }
+
+ r /= 255, g /= 255, b /= 255;
+ var max = Math.max(r, g, b),
+ min = Math.min(r, g, b);
+ var h, s, l = (max + min) / 2;
+
+ if (max == min) {
+ h = s = 0; // achromatic
+ } else {
+ var d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+ switch (max) {
+ case r:
+ h = (g - b) / d + (g < b ? 6 : 0);
+ break;
+ case g:
+ h = (b - r) / d + 2;
+ break;
+ case b:
+ h = (r - g) / d + 4;
+ break;
+ }
+ h /= 6;
+ }
+
+ return [h, s, l];
+ },
+
+ /* author: http://mjijackson.com/ */
+
+ hue2rgb: function(p, q, t) {
+ if (t < 0) t += 1;
+ if (t > 1) t -= 1;
+ if (t < 1 / 6) return p + (q - p) * 6 * t;
+ if (t < 1 / 2) return q;
+ if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+ return p;
+ },
+
+ hslToRgb: function(h, s, l) {
+ var r, g, b;
+
+ if (s == 0) {
+ r = g = b = l; // achromatic
+ } else {
+
+ var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+ var p = 2 * l - q;
+ r = this.hue2rgb(p, q, h + 1 / 3);
+ g = this.hue2rgb(p, q, h);
+ b = this.hue2rgb(p, q, h - 1 / 3);
+ }
+
+ return [r * 255 | 0, g * 255 | 0, b * 255 | 0];
+ },
+
+ rgbToHsv: function(r, g, b) {
+ if (r instanceof Array) {
+ b = r[2];
+ g = r[1];
+ r = r[0];
+ }
+
+ r = r / 255, g = g / 255, b = b / 255;
+ var max = Math.max(r, g, b),
+ min = Math.min(r, g, b);
+ var h, s, v = max;
+
+ var d = max - min;
+ s = max == 0 ? 0 : d / max;
+
+ if (max == min) {
+ h = 0; // achromatic
+ } else {
+ switch (max) {
+ case r:
+ h = (g - b) / d + (g < b ? 6 : 0);
+ break;
+ case g:
+ h = (b - r) / d + 2;
+ break;
+ case b:
+ h = (r - g) / d + 4;
+ break;
+ }
+ h /= 6;
+ }
+
+ return [h, s, v];
+ },
+
+ hsvToRgb: function(h, s, v) {
+ var r, g, b;
+
+ var i = Math.floor(h * 6);
+ var f = h * 6 - i;
+ var p = v * (1 - s);
+ var q = v * (1 - f * s);
+ var t = v * (1 - (1 - f) * s);
+
+ switch (i % 6) {
+ case 0:
+ r = v, g = t, b = p;
+ break;
+ case 1:
+ r = q, g = v, b = p;
+ break;
+ case 2:
+ r = p, g = v, b = t;
+ break;
+ case 3:
+ r = p, g = q, b = v;
+ break;
+ case 4:
+ r = t, g = p, b = v;
+ break;
+ case 5:
+ r = v, g = p, b = q;
+ break;
+ }
+
+ return [r * 255, g * 255, b * 255];
+ },
+
+ color: function() {
+ var result = new cq.Color();
+ result.parse(arguments[0], arguments[1]);
+ return result;
+ },
+
+ poolArray: [],
+
+ pool: function() {
+
+ if (!this.poolArray.length) {
+ for (var i = 0; i < 100; i++) {
+ this.poolArray.push(this.createCanvas(1, 1));
+ }
+ }
+
+ return this.poolArray.pop();
+
+ },
+
+ createCanvas: function(width, height) {
+ if (NODEJS) {
+ var result = new Canvas;
+ } else {
+ var result = document.createElement("canvas");
+ }
+
+ if (arguments[0] instanceof Image || arguments[0] instanceof Canvas) {
+ var image = arguments[0];
+ result.width = image.width;
+ result.height = image.height;
+ result.getContext("2d").drawImage(image, 0, 0);
+ } else {
+ result.width = width;
+ result.height = height;
+ }
+
+
+ return result;
+ },
+
+ createCocoonCanvas: function(width, height) {
+ var result = document.createElement("screencanvas");
+
+ if (arguments[0] instanceof Image) {
+ var image = arguments[0];
+ result.width = image.width;
+ result.height = image.height;
+ result.getContext("2d").drawImage(image, 0, 0);
+ } else {
+ result.width = width;
+ result.height = height;
+ }
+
+ return result;
+ },
+
+ createImageData: function(width, height) {
+ return cq.createCanvas(width, height).getContext("2d").createImageData(width, height);
+ }
+
+ });
+
+ cq.Layer = function(canvas) {
+ this.context = canvas.getContext("2d");
+ this.canvas = canvas;
+ this.update();
+ }
+
+ cq.Layer.prototype = {
+
+ update: function() {
+ this.context.webkitImageSmoothingEnabled = cq.smoothing;
+ this.context.mozImageSmoothingEnabled = cq.smoothing;
+ this.context.msImageSmoothingEnabled = cq.smoothing;
+ this.context.imageSmoothingEnabled = cq.smoothing;
+
+ if (COCOONJS) CocoonJS.App.setAntialias(cq.smoothing);
+ },
+
+ appendTo: function(selector) {
+ if (typeof selector === "object") {
+ var element = selector;
+ } else {
+ var element = document.querySelector(selector);
+ }
+
+ element.appendChild(this.canvas);
+
+ return this;
+ },
+
+ a: function(a) {
+ if (arguments.length) {
+ this.previousAlpha = this.globalAlpha();
+ return this.globalAlpha(a);
+ } else
+ return this.globalAlpha();
+ },
+
+ ra: function() {
+ return this.a(this.previousAlpha);
+ },
+
+ drawRegion: function(image, region, x, y, scale) {
+ scale = scale || 1;
+
+ return this.drawImage(
+ image, region[0], region[1], region[2], region[3],
+ x | 0, y | 0, region[2] * scale | 0, region[3] * scale | 0
+ );
+ },
+
+ cache: function() {
+ return this.clone().canvas;
+
+ /* FFS .... image.src is no longer synchronous when assigning dataURL */
+
+ var image = new Image;
+ image.src = this.canvas.toDataURL();
+ return image;
+ },
+
+ blendOn: function(what, mode, mix) {
+ cq.blend(what, this, mode, mix);
+
+ return this;
+ },
+
+ posterize: function(pc, inc) {
+ pc = pc || 32;
+ inc = inc || 4;
+ var imgdata = this.getImageData(0, 0, this.width, this.height);
+ var data = imgdata.data;
+
+ for (var i = 0; i < data.length; i += inc) {
+ data[i] -= data[i] % pc; // set value to nearest of 8 possibilities
+ data[i + 1] -= data[i + 1] % pc; // set value to nearest of 8 possibilities
+ data[i + 2] -= data[i + 2] % pc; // set value to nearest of 8 possibilities
+ }
+
+ this.putImageData(imgdata, 0, 0); // put image data to canvas
+ },
+
+
+ bw: function(pc) {
+ pc = 128;
+ var imgdata = this.getImageData(0, 0, this.width, this.height);
+ var data = imgdata.data;
+ // 8-bit: rrr ggg bb
+ for (var i = 0; i < data.length; i += 4) {
+ var v = ((data[i] + data[i + 1] + data[i + 2]) / 3);
+
+ v = (v / 128 | 0) * 128;
+ //data[i] = v; // set value to nearest of 8 possibilities
+ //data[i + 1] = v; // set value to nearest of 8 possibilities
+ data[i + 2] = (v / 255) * data[i]; // set value to nearest of 8 possibilities
+
+ }
+
+ this.putImageData(imgdata, 0, 0); // put image data to canvas
+ },
+
+ blend: function(what, mode, mix) {
+ if (typeof what === "string") {
+ var color = what;
+ what = cq(this.canvas.width, this.canvas.height);
+ what.fillStyle(color).fillRect(0, 0, this.canvas.width, this.canvas.height);
+ }
+
+ var result = cq.blend(this, what, mode, mix);
+
+ this.canvas = result.canvas;
+ this.context = result.context;
+
+ return this;
+ },
+
+
+ textWithBackground: function(text, x, y, background, padding) {
+ var w = this.measureText(text).width;
+ var h = this.fontHeight() * 0.8;
+ var f = this.fillStyle();
+ var padding = padding || 2;
+
+ this.fillStyle(background).fillRect(x - w / 2 - padding * 2, y - padding, w + padding * 4, h + padding * 2)
+ this.fillStyle(f).textAlign("center").textBaseline("top").fillText(text, x, y);
+
+ return this;
+ },
+
+ fillCircle: function(x, y, r) {
+ this.context.beginPath();
+ this.context.arc(x, y, r, 0, Math.PI * 2);
+ this.context.fill();
+ return this;
+ },
+
+ strokeCircle: function(x, y, r) {
+ this.context.beginPath();
+ this.context.arc(x, y, r, 0, Math.PI * 2);
+ this.context.stroke();
+ return this;
+ },
+
+ circle: function(x, y, r) {
+ this.context.arc(x, y, r, 0, Math.PI * 2);
+ return this;
+ },
+
+ crop: function(x, y, w, h) {
+
+ if (arguments.length === 1) {
+
+ var y = arguments[0][1];
+ var w = arguments[0][2];
+ var h = arguments[0][3];
+ var x = arguments[0][0];
+ }
+
+ var canvas = cq.createCanvas(w, h);
+ var context = canvas.getContext("2d");
+
+ context.drawImage(this.canvas, x, y, w, h, 0, 0, w, h);
+ this.canvas.width = w;
+ this.canvas.height = h;
+ this.clear();
+ this.context.drawImage(canvas, 0, 0);
+
+ return this;
+ },
+
+ set: function(properties) {
+ cq.extend(this.context, properties);
+ },
+
+ resize: function(width, height) {
+ var w = width,
+ h = height;
+
+ if (arguments.length === 1) {
+ w = arguments[0] * this.canvas.width | 0;
+ h = arguments[0] * this.canvas.height | 0;
+ } else {
+
+ if (height === false) {
+ if (this.canvas.width > width) {
+ h = this.canvas.height * (width / this.canvas.width) | 0;
+ w = width;
+ } else {
+ w = this.canvas.width;
+ h = this.canvas.height;
+ }
+ } else if (width === false) {
+ if (this.canvas.width > width) {
+ w = this.canvas.width * (height / this.canvas.height) | 0;
+ h = height;
+ } else {
+ w = this.canvas.width;
+ h = this.canvas.height;
+ }
+ }
+ }
+
+ var cqresized = cq(w, h).drawImage(this.canvas, 0, 0, this.canvas.width, this.canvas.height, 0, 0, w, h);
+ this.canvas = cqresized.canvas;
+ this.context = cqresized.context;
+
+ return this;
+ },
+
+ imageLine: function(image, region, x, y, ex, ey, scale) {
+ if (!region) region = [0, 0, image.width, image.height];
+
+ var distance = cq.distance(x, y, ex, ey);
+ var count = distance / region[3] + 0.5 | 0;
+ var angle = Math.atan2(ey - y, ex - x) + Math.PI / 2;
+
+ this.save();
+
+ this.translate(x, y);
+ this.rotate(angle);
+
+ if (scale) this.scale(scale, 1.0);
+
+ for (var i = 0; i <= count; i++) {
+ this.drawRegion(image, region, -region[2] / 2 | 0, -region[3] * (i + 1));
+ }
+
+ this.restore();
+
+ return this;
+ },
+
+ trim: function(color, changes) {
+ var transparent;
+
+ if (color) {
+ color = cq.color(color).toArray();
+ transparent = !color[3];
+ } else transparent = true;
+
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ var bound = [this.canvas.width, this.canvas.height, 0, 0];
+
+ var width = this.canvas.width;
+ var height = this.canvas.height;
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ if (transparent) {
+ if (!sourcePixels[i + 3]) continue;
+ } else if (sourcePixels[i + 0] === color[0] && sourcePixels[i + 1] === color[1] && sourcePixels[i + 2] === color[2]) continue;
+
+ var x = (i / 4 | 0) % this.canvas.width | 0;
+ var y = (i / 4 | 0) / this.canvas.width | 0;
+
+ if (x < bound[0]) bound[0] = x;
+ if (x > bound[2]) bound[2] = x;
+
+ if (y < bound[1]) bound[1] = y;
+ if (y > bound[3]) bound[3] = y;
+ }
+
+
+ if (bound[2] === 0 && bound[3] === 0) {} else {
+ if (changes) {
+ changes.left = bound[0];
+ changes.top = bound[1];
+
+ changes.bottom = height - bound[3];
+ changes.right = width - bound[2] - bound[0];
+
+ changes.width = bound[2] - bound[0];
+ changes.height = bound[3] - bound[1];
+ }
+
+ this.crop(bound[0], bound[1], bound[2] - bound[0] + 1, bound[3] - bound[1] + 1);
+ }
+
+ return this;
+ },
+
+ matchPalette: function(palette) {
+ var imgData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+
+ var rgbPalette = [];
+
+ for (var i = 0; i < palette.length; i++) {
+ rgbPalette.push(cq.color(palette[i]));
+ }
+
+
+ for (var i = 0; i < imgData.data.length; i += 4) {
+ var difList = [];
+ if (!imgData.data[i + 3]) continue;
+
+ for (var j = 0; j < rgbPalette.length; j++) {
+ var rgbVal = rgbPalette[j];
+ var rDif = Math.abs(imgData.data[i] - rgbVal[0]),
+ gDif = Math.abs(imgData.data[i + 1] - rgbVal[1]),
+ bDif = Math.abs(imgData.data[i + 2] - rgbVal[2]);
+ difList.push(rDif + gDif + bDif);
+ }
+
+ var closestMatch = 0;
+
+ for (var j = 0; j < palette.length; j++) {
+ if (difList[j] < difList[closestMatch]) {
+ closestMatch = j;
+ }
+ }
+
+ var paletteRgb = cq.hexToRgb(palette[closestMatch]);
+ imgData.data[i] = paletteRgb[0];
+ imgData.data[i + 1] = paletteRgb[1];
+ imgData.data[i + 2] = paletteRgb[2];
+
+ /* dithering */
+ //imgData.data[i + 3] = (255 * Math.random() < imgData.data[i + 3]) ? 255 : 0;
+
+ //imgData.data[i + 3] = imgData.data[i + 3] > 128 ? 255 : 0;
+ /*
+ if (i % 3 === 0) {
+ imgData.data[i] -= cq.limitValue(imgData.data[i] - 50, 0, 255);
+ imgData.data[i + 1] -= cq.limitValue(imgData.data[i + 1] - 50, 0, 255);
+ imgData.data[i + 2] -= cq.limitValue(imgData.data[i + 2] - 50, 0, 255);
+ }
+ */
+
+ }
+
+ this.context.putImageData(imgData, 0, 0);
+
+ return this;
+ },
+
+ getPalette: function() {
+ var palette = [];
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ if (sourcePixels[i + 3]) {
+ var hex = cq.rgbToHex(sourcePixels[i + 0], sourcePixels[i + 1], sourcePixels[i + 2]);
+ if (palette.indexOf(hex) === -1) palette.push(hex);
+ }
+ }
+
+ return palette;
+ },
+
+ mapPalette: function() {
+
+ },
+
+ colorToMask: function(color, inverted) {
+ color = cq.color(color).toArray();
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ var mask = [];
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ if (sourcePixels[i + 0] == color[0] && sourcePixels[i + 1] == color[1] && sourcePixels[i + 2] == color[2]) mask.push(inverted || false);
+ else mask.push(!inverted);
+ }
+
+ return mask;
+ },
+
+ grayscaleToMask: function() {
+
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ var mask = [];
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ mask.push(((sourcePixels[i + 0] + sourcePixels[i + 1] + sourcePixels[i + 2]) / 3) / 255);
+ }
+
+ return mask;
+ },
+
+ applyMask: function(mask) {
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ var mode = typeof mask[0] === "boolean" ? "bool" : "byte";
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ var value = mask[i / 4];
+ sourcePixels[i + 3] = value * 255 | 0;
+ }
+
+ this.context.putImageData(sourceData, 0, 0);
+ return this;
+ },
+
+ fillMask: function(mask) {
+
+ var sourceData = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var sourcePixels = sourceData.data;
+
+ var maskType = typeof mask[0] === "boolean" ? "bool" : "byte";
+ var colorMode = arguments.length === 2 ? "normal" : "gradient";
+
+ var color = cq.color(arguments[1]);
+ if (colorMode === "gradient") colorB = cq.color(arguments[2]);
+
+ for (var i = 0, len = sourcePixels.length; i < len; i += 4) {
+ var value = mask[i / 4];
+
+ if (maskType === "byte") value /= 255;
+
+ if (colorMode === "normal") {
+ if (value) {
+ sourcePixels[i + 0] = color[0] | 0;
+ sourcePixels[i + 1] = color[1] | 0;
+ sourcePixels[i + 2] = color[2] | 0;
+ sourcePixels[i + 3] = value * 255 | 0;
+ }
+ } else {
+ sourcePixels[i + 0] = color[0] + (colorB[0] - color[0]) * value | 0;
+ sourcePixels[i + 1] = color[1] + (colorB[1] - color[1]) * value | 0;
+ sourcePixels[i + 2] = color[2] + (colorB[2] - color[2]) * value | 0;
+ sourcePixels[i + 3] = 255;
+ }
+ }
+
+ this.context.putImageData(sourceData, 0, 0);
+ return this;
+ },
+
+ clear: function(color) {
+ if (color) {
+ this.context.fillStyle = color;
+ this.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
+ } else {
+ this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+ }
+
+ return this;
+ },
+
+ clone: function() {
+
+ // var result = cq.createCanvas(this.canvas);
+
+ var result = cq.pool();
+ result.width = this.width;
+ result.height = this.height;
+ result.getContext("2d").drawImage(this.canvas, 0, 0);
+
+ return cq(result);
+ },
+
+ gradientText: function(text, x, y, maxWidth, gradient) {
+
+ var words = text.split(" ");
+
+ var h = this.fontHeight() * 2;
+
+ var ox = 0;
+ var oy = 0;
+
+ if (maxWidth) {
+ var line = 0;
+ var lines = [""];
+
+ for (var i = 0; i < words.length; i++) {
+ var word = words[i] + " ";
+ var wordWidth = this.context.measureText(word).width;
+
+ if (ox + wordWidth > maxWidth) {
+ lines[++line] = "";
+ ox = 0;
+ }
+
+ lines[line] += word;
+
+ ox += wordWidth;
+ }
+ } else var lines = [text];
+
+ for (var i = 0; i < lines.length; i++) {
+ var oy = y + i * h * 0.6 | 0;
+ var lingrad = this.context.createLinearGradient(0, oy, 0, oy + h * 0.6 | 0);
+
+ for (var j = 0; j < gradient.length; j += 2) {
+ lingrad.addColorStop(gradient[j], gradient[j + 1]);
+ }
+
+ var text = lines[i];
+
+ this.fillStyle(lingrad).fillText(text, x, oy);
+ }
+
+ return this;
+ },
+
+ outline: function() {
+ var data = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var pixels = data.data;
+
+ var newData = this.createImageData(this.canvas.width, this.canvas.height);
+ var newPixels = newData.data;
+
+ var canvas = this.canvas;
+
+ function check(x, y) {
+
+ if (x < 0) return 0;
+ if (x >= canvas.width) return 0;
+ if (y < 0) return 0;
+ if (y >= canvas.height) return 0;
+
+ var i = (x + y * canvas.width) * 4;
+
+ return pixels[i + 3] > 0;
+
+ }
+
+ for (var x = 0; x < this.canvas.width; x++) {
+ for (var y = 0; y < this.canvas.height; y++) {
+
+ var full = 0;
+ var i = (y * canvas.width + x) * 4;
+
+ if (!pixels[i + 3]) continue;
+
+ full += check(x - 1, y);
+ full += check(x + 1, y);
+ full += check(x, y - 1);
+ full += check(x, y + 1);
+
+ if (full !== 4) {
+
+ newPixels[i] = 255;
+ newPixels[i + 1] = 255;
+ newPixels[i + 2] = 255;
+ newPixels[i + 3] = 255;
+ }
+
+ }
+ }
+
+ this.context.putImageData(newData, 0, 0);
+
+ return this;
+ },
+
+ setHsl: function() {
+
+ if (arguments.length === 1) {
+ var args = arguments[0];
+ } else {
+ var args = arguments;
+ }
+
+ var data = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var pixels = data.data;
+ var r, g, b, a, h, s, l, hsl = [],
+ newPixel = [];
+
+ for (var i = 0, len = pixels.length; i < len; i += 4) {
+ hsl = cq.rgbToHsl(pixels[i + 0], pixels[i + 1], pixels[i + 2]);
+
+ h = args[0] === false ? hsl[0] : cq.limitValue(args[0], 0, 1);
+ s = args[1] === false ? hsl[1] : cq.limitValue(args[1], 0, 1);
+ l = args[2] === false ? hsl[2] : cq.limitValue(args[2], 0, 1);
+
+ newPixel = cq.hslToRgb(h, s, l);
+
+ pixels[i + 0] = newPixel[0];
+ pixels[i + 1] = newPixel[1];
+ pixels[i + 2] = newPixel[2];
+ }
+
+ this.context.putImageData(data, 0, 0);
+
+ return this;
+ },
+
+ shiftHsl: function() {
+
+ if (arguments.length === 1) {
+ var args = arguments[0];
+ } else {
+ var args = arguments;
+ }
+
+ var data = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var pixels = data.data;
+ var r, g, b, a, h, s, l, hsl = [],
+ newPixel = [];
+
+ for (var i = 0, len = pixels.length; i < len; i += 4) {
+ hsl = cq.rgbToHsl(pixels[i + 0], pixels[i + 1], pixels[i + 2]);
+
+ if (pixels[i + 0] !== pixels[i + 1] || pixels[i + 1] !== pixels[i + 2]) {
+ h = args[0] === false ? hsl[0] : cq.wrapValue(hsl[0] + args[0], 0, 1);
+ s = args[1] === false ? hsl[1] : cq.limitValue(hsl[1] + args[1], 0, 1);
+ } else {
+ h = hsl[0];
+ s = hsl[1];
+ }
+
+ l = args[2] === false ? hsl[2] : cq.limitValue(hsl[2] + args[2], 0, 1);
+
+ newPixel = cq.hslToRgb(h, s, l);
+
+ pixels[i + 0] = newPixel[0];
+ pixels[i + 1] = newPixel[1];
+ pixels[i + 2] = newPixel[2];
+ }
+
+
+ this.context.putImageData(data, 0, 0);
+
+ return this;
+ },
+
+ applyColor: function(color) {
+
+ if (COCOONJS) return this;
+ this.save();
+
+ this.globalCompositeOperation("source-in");
+ this.clear(color);
+
+ this.restore();
+
+ return this;
+ },
+
+ negative: function(src, dst) {
+
+ var data = this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+ var pixels = data.data;
+ var r, g, b, a, h, s, l, hsl = [],
+ newPixel = [];
+
+ for (var i = 0, len = pixels.length; i < len; i += 4) {
+ pixels[i + 0] = 255 - pixels[i + 0];
+ pixels[i + 1] = 255 - pixels[i + 1];
+ pixels[i + 2] = 255 - pixels[i + 2];
+ }
+
+ this.context.putImageData(data, 0, 0);
+
+ return this;
+ },
+
+ roundRect: function(x, y, width, height, radius) {
+
+ this.beginPath();
+ this.moveTo(x + radius, y);
+ this.lineTo(x + width - radius, y);
+ this.quadraticCurveTo(x + width, y, x + width, y + radius);
+ this.lineTo(x + width, y + height - radius);
+ this.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+ this.lineTo(x + radius, y + height);
+ this.quadraticCurveTo(x, y + height, x, y + height - radius);
+ this.lineTo(x, y + radius);
+ this.quadraticCurveTo(x, y, x + radius, y);
+ this.closePath();
+
+ return this;
+ },
+
+ markupText: function(text) {
+
+
+ },
+
+ wrappedText: function(text, x, y, maxWidth, newlineCallback) {
+
+ var words = text.split(" ");
+
+ var lineHeight = this.fontHeight();
+
+ var ox = 0;
+ var oy = 0;
+
+ if (maxWidth) {
+ var line = 0;
+ var lines = [""];
+
+ for (var i = 0; i < words.length; i++) {
+ var word = words[i] + " ";
+ var wordWidth = this.context.measureText(word).width;
+
+ if (ox + wordWidth > maxWidth || words[i] === "\n") {
+ lines[++line] = "";
+ ox = 0;
+ }
+ if (words[i] !== "\n") {
+ lines[line] += word;
+
+ ox += wordWidth;
+ }
+
+
+ }
+ } else {
+ var lines = [text];
+ }
+
+ for (var i = 0; i < lines.length; i++) {
+ var oy = y + i * lineHeight | 0;
+
+ var text = lines[i];
+
+ if (newlineCallback) newlineCallback.call(this, x, y + oy);
+
+ this.fillText(text, x, oy);
+ }
+
+ return this;
+ },
+
+ fontHeights: {},
+
+ fontHeight: function() {
+ var font = this.font();
+
+ if (!this.fontHeights[font]) {
+ var temp = cq(100, 100);
+ var height = 0;
+ var changes = {};
+ temp.font(font).fillStyle("#fff");
+ temp.textBaseline("bottom").fillText("gM", 25, 100);
+ temp.trim(false, changes);
+ height += changes.bottom;
+
+ var temp = cq(100, 100);
+ var changes = {};
+ temp.font(font).fillStyle("#fff");
+ temp.textBaseline("top").fillText("gM", 25, 0);
+ temp.trim(false, changes);
+ height += changes.top;
+
+ var temp = cq(100, 100);
+ var changes = {};
+ temp.font(font).fillStyle("#fff");
+ temp.textBaseline("alphabetic").fillText("gM", 50, 50);
+ temp.trim(false, changes);
+ height += temp.height;
+
+ this.fontHeights[font] = height;
+ }
+
+ return this.fontHeights[font];
+ },
+
+ textBoundaries: function(text, maxWidth) {
+ var words = text.split(" ");
+
+ var h = this.fontHeight();
+
+ var ox = 0;
+ var oy = 0;
+
+ if (maxWidth) {
+ var line = 0;
+ var lines = [""];
+
+ for (var i = 0; i < words.length; i++) {
+ var word = words[i] + " ";
+ var wordWidth = this.context.measureText(word).width;
+
+ if (ox + wordWidth > maxWidth || words[i] === "\n") {
+ lines[++line] = "";
+ ox = 0;
+ }
+
+ if (words[i] !== "\n") {
+ lines[line] += word;
+ ox += wordWidth;
+ }
+ }
+ } else {
+ var lines = [text];
+ maxWidth = this.measureText(text).width;
+ }
+
+ return {
+ height: lines.length * h,
+ width: maxWidth,
+ lines: lines.length,
+ lineHeight: h
+ }
+ },
+
+ repeatImageRegion: function(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+ this.save();
+ this.rect(dx, dy, dw, dh);
+ this.clip();
+
+ for (var x = 0, len = Math.ceil(dw / sw); x < len; x++) {
+ for (var y = 0, leny = Math.ceil(dh / sh); y < leny; y++) {
+ this.drawImage(image, sx, sy, sw, sh, dx + x * sw, dy + y * sh, sw, sh);
+ }
+ }
+
+ this.restore();
+
+ return this;
+ },
+
+ repeatImage: function(image, x, y, w, h) {
+ // if (!env.details) return this;
+
+ if (arguments.length < 9) {
+ this.repeatImageRegion(image, 0, 0, image.width, image.height, x, y, w, h);
+ } else {
+ this.repeatImageRegion.apply(this, arguments);
+ }
+
+ return this;
+ },
+
+ borderImage: function(image, x, y, w, h, t, r, b, l, fill) {
+
+ // if (!env.details) return this;
+
+ if (typeof t === "object") {
+
+ var bottomLeft = t.bottomLeft || [0, 0, 0, 0];
+ var bottomRight = t.bottomRight || [0, 0, 0, 0];
+ var topLeft = t.topLeft || [0, 0, 0, 0];
+ var topRight = t.topRight || [0, 0, 0, 0];
+
+ var clh = bottomLeft[3] + topLeft[3];
+ var crh = bottomRight[3] + topRight[3];
+ var ctw = topLeft[2] + topRight[2];
+ var cbw = bottomLeft[2] + bottomRight[2];
+
+ t.fillPadding = [0, 0, 0, 0];
+
+ if (t.left) t.fillPadding[0] = t.left[2];
+ if (t.top) t.fillPadding[1] = t.top[3];
+ if (t.right) t.fillPadding[2] = t.right[2];
+ if (t.bottom) t.fillPadding[3] = t.bottom[3];
+
+ // if (!t.fillPadding) t.fillPadding = [0, 0, 0, 0];
+
+ if (t.fill) {
+ this.drawImage(image, t.fill[0], t.fill[1], t.fill[2], t.fill[3], x + t.fillPadding[0], y + t.fillPadding[1], w - t.fillPadding[2] - t.fillPadding[0], h - t.fillPadding[3] - t.fillPadding[1]);
+ } else {
+ // this.fillRect(x + t.fillPadding[0], y + t.fillPadding[1], w - t.fillPadding[2] - t.fillPadding[0], h - t.fillPadding[3] - t.fillPadding[1]);
+ }
+
+ if (t.left) this[t.left[4] === "stretch" ? "drawImage" : "repeatImage"](image, t.left[0], t.left[1], t.left[2], t.left[3], x, y + topLeft[3], t.left[2], h - clh);
+ if (t.right) this[t.right[4] === "stretch" ? "drawImage" : "repeatImage"](image, t.right[0], t.right[1], t.right[2], t.right[3], x + w - t.right[2], y + topRight[3], t.right[2], h - crh);
+ if (t.top) this[t.top[4] === "stretch" ? "drawImage" : "repeatImage"](image, t.top[0], t.top[1], t.top[2], t.top[3], x + topLeft[2], y, w - ctw, t.top[3]);
+ if (t.bottom) this[t.bottom[4] === "stretch" ? "drawImage" : "repeatImage"](image, t.bottom[0], t.bottom[1], t.bottom[2], t.bottom[3], x + bottomLeft[2], y + h - t.bottom[3], w - cbw, t.bottom[3]);
+
+ if (t.bottomLeft) this.drawImage(image, t.bottomLeft[0], t.bottomLeft[1], t.bottomLeft[2], t.bottomLeft[3], x, y + h - t.bottomLeft[3], t.bottomLeft[2], t.bottomLeft[3]);
+ if (t.topLeft) this.drawImage(image, t.topLeft[0], t.topLeft[1], t.topLeft[2], t.topLeft[3], x, y, t.topLeft[2], t.topLeft[3]);
+ if (t.topRight) this.drawImage(image, t.topRight[0], t.topRight[1], t.topRight[2], t.topRight[3], x + w - t.topRight[2], y, t.topRight[2], t.topRight[3]);
+ if (t.bottomRight) this.drawImage(image, t.bottomRight[0], t.bottomRight[1], t.bottomRight[2], t.bottomRight[3], x + w - t.bottomRight[2], y + h - t.bottomRight[3], t.bottomRight[2], t.bottomRight[3]);
+
+
+ } else {
+
+
+ /* top */
+ if (t > 0 && w - l - r > 0) this.drawImage(image, l, 0, image.width - l - r, t, x + l, y, w - l - r, t);
+
+ /* bottom */
+ if (b > 0 && w - l - r > 0) this.drawImage(image, l, image.height - b, image.width - l - r, b, x + l, y + h - b, w - l - r, b);
+ // console.log(x, y, w, h, t, r, b, l);
+ // console.log(image, 0, t, l, image.height - b - t, x, y + t, l, h - b - t);
+ /* left */
+ if (l > 0 && h - b - t > 0) this.drawImage(image, 0, t, l, image.height - b - t, x, y + t, l, h - b - t);
+
+
+ /* right */
+ if (r > 0 && h - b - t > 0) this.drawImage(image, image.width - r, t, r, image.height - b - t, x + w - r, y + t, r, h - b - t);
+
+ /* top-left */
+ if (l > 0 && t > 0) this.drawImage(image, 0, 0, l, t, x, y, l, t);
+
+ /* top-right */
+ if (r > 0 && t > 0) this.drawImage(image, image.width - r, 0, r, t, x + w - r, y, r, t);
+
+ /* bottom-right */
+ if (r > 0 && b > 0) this.drawImage(image, image.width - r, image.height - b, r, b, x + w - r, y + h - b, r, b);
+
+ /* bottom-left */
+ if (l > 0 && b > 0) this.drawImage(image, 0, image.height - b, l, b, x, y + h - b, l, b);
+
+ if (fill) {
+ if (typeof fill === "string") {
+ this.fillStyle(fill).fillRect(x + l, y + t, w - l - r, h - t - b);
+ } else {
+ if (w - l - r > 0 && h - t - b > 0)
+ this.drawImage(image, l, t, image.width - r - l, image.height - b - t, x + l, y + t, w - l - r, h - t - b);
+ }
+ }
+ }
+ },
+
+ setPixel: function(color, x, y) {
+
+ /* fillRect is slow! */
+
+ return this.fillStyle(color).fillRect(x, y, 1, 1);
+
+ /* this is how it should work - but it does not */
+
+ color = cq.color(color);
+
+ var pixel = this.createImageData(1, 1);
+
+ pixel.data[0] = color[0];
+ pixel.data[1] = color[1];
+ pixel.data[2] = color[2];
+ pixel.data[3] = 1.0;
+
+ this.putImageData(pixel, x, y);
+
+ return this;
+ },
+
+ getPixel: function(x, y) {
+ var pixel = this.context.getImageData(x, y, 1, 1).data;
+ return cq.color([pixel[0], pixel[1], pixel[2], pixel[3]]);
+ },
+
+ createImageData: function(width, height) {
+ if (false && this.context.createImageData) {
+ return this.context.createImageData.apply(this.context, arguments);
+ } else {
+ if (!this.emptyCanvas) {
+ this.emptyCanvas = cq.createCanvas(width, height);
+ this.emptyCanvasContext = this.emptyCanvas.getContext("2d");
+ }
+
+ this.emptyCanvas.width = width;
+ this.emptyCanvas.height = height;
+ return this.emptyCanvasContext.getImageData(0, 0, width, height);
+ }
+ },
+
+ setLineDash: function(dash) {
+ if (this.context.setLineDash) {
+ this.context.setLineDash(dash);
+ return this;
+ } else return this;
+ },
+
+ measureText: function() {
+ return this.context.measureText.apply(this.context, arguments);
+ },
+
+ getLineDash: function() {
+ return this.context.getLineDash();
+ },
+
+ createRadialGradient: function() {
+ return this.context.createRadialGradient.apply(this.context, arguments);
+ },
+
+ createLinearGradient: function() {
+ return this.context.createLinearGradient.apply(this.context, arguments);
+ },
+
+ createPattern: function() {
+ return this.context.createPattern.apply(this.context, arguments);
+ },
+
+ getImageData: function() {
+ return this.context.getImageData.apply(this.context, arguments);
+ },
+
+ get width() {
+ return this.canvas.width;
+ },
+
+ get height() {
+ return this.canvas.height;
+ },
+
+ set width(w) {
+ this.canvas.width = w;
+ this.update();
+ return this.canvas.width;
+ },
+
+ set height(h) {
+ this.canvas.height = h;
+ this.update();
+ return this.canvas.height;
+ }
+
+
+ };
+
+ /* extend Layer with drawing context methods */
+
+ var methods = ["arc", "arcTo", "beginPath", "bezierCurveTo", "clearRect", "clip", "closePath", "createLinearGradient", "createRadialGradient", "createPattern", "drawFocusRing", "drawImage", "fill", "fillRect", "fillText", "getImageData", "isPointInPath", "lineTo", "measureText", "moveTo", "putImageData", "quadraticCurveTo", "rect", "restore", "rotate", "save", "scale", "setTransform", "stroke", "strokeRect", "strokeText", "transform", "translate", "setLineDash"];
+
+ for (var i = 0; i < methods.length; i++) {
+ var name = methods[i];
+
+ // this.debug = true;
+
+ if (cq.Layer.prototype[name]) continue;
+
+ if (!this.debug) {
+ // if (!cq.Layer.prototype[name]) cq.Layer.prototype[name] = Function("this.context." + name + ".apply(this.context, arguments); return this;");
+
+ var self = this;
+
+ (function(name) {
+
+ cq.Layer.prototype[name] = function() {
+ this.context[name].apply(this.context, arguments);
+ return this;
+ }
+
+ })(name);
+
+ } else {
+
+ var self = this;
+
+ (function(name) {
+
+ cq.Layer.prototype[name] = function() {
+ try {
+ this.context[name].apply(this.context, arguments);
+ return this;
+ } catch (e) {
+ var err = new Error();
+ console.log(err.stack);
+ throw (e + err.stack);
+
+ console.log(e, name, arguments);
+ }
+ }
+
+ })(name);
+
+ }
+
+ };
+
+ /* create setters and getters */
+
+ var properties = ["canvas", "fillStyle", "font", "globalAlpha", "globalCompositeOperation", "lineCap", "lineJoin", "lineWidth", "miterLimit", "shadowOffsetX", "shadowOffsetY", "shadowBlur", "shadowColor", "strokeStyle", "textAlign", "textBaseline", "lineDashOffset"];
+
+ for (var i = 0; i < properties.length; i++) {
+ var name = properties[i];
+ if (!cq.Layer.prototype[name]) cq.Layer.prototype[name] = Function("if(arguments.length) { this.context." + name + " = arguments[0]; return this; } else { return this.context." + name + "; }");
+ };
+
+ /* color */
+
+ cq.Color = function(data, type) {
+
+ if (arguments.length) this.parse(data, type);
+ }
+
+ cq.Color.prototype = {
+
+ toString: function() {
+ return this.toRgb();
+ },
+
+ parse: function(args, type) {
+ if (args[0] instanceof cq.Color) {
+ this[0] = args[0][0];
+ this[1] = args[0][1];
+ this[2] = args[0][2];
+ this[3] = args[0][3];
+ return;
+ }
+
+ if (typeof args === "string") {
+ var match = null;
+
+ if (args[0] === "#") {
+ var rgb = cq.hexToRgb(args);
+ this[0] = rgb[0];
+ this[1] = rgb[1];
+ this[2] = rgb[2];
+ this[3] = 1.0;
+ } else if (match = args.match(/rgb\((.*),(.*),(.*)\)/)) {
+ this[0] = match[1] | 0;
+ this[1] = match[2] | 0;
+ this[2] = match[3] | 0;
+ this[3] = 1.0;
+ } else if (match = args.match(/rgba\((.*),(.*),(.*)\)/)) {
+ this[0] = match[1] | 0;
+ this[1] = match[2] | 0;
+ this[2] = match[3] | 0;
+ this[3] = match[4] | 0;
+ } else if (match = args.match(/hsl\((.*),(.*),(.*)\)/)) {
+ this.fromHsl(match[1], match[2], match[3]);
+ } else if (match = args.match(/hsv\((.*),(.*),(.*)\)/)) {
+ this.fromHsv(match[1], match[2], match[3]);
+ }
+ } else {
+ switch (type) {
+ case "hsl":
+ case "hsla":
+
+ this.fromHsl(args[0], args[1], args[2], args[3]);
+ break;
+
+ case "hsv":
+ case "hsva":
+
+ this.fromHsv(args[0], args[1], args[2], args[3]);
+ break;
+
+ default:
+ this[0] = args[0];
+ this[1] = args[1];
+ this[2] = args[2];
+ this[3] = typeof args[3] === "undefined" ? 1.0 : args[3];
+ break;
+ }
+ }
+ },
+
+ a: function(a) {
+ return this.alpha(a);
+ },
+
+ alpha: function(a) {
+ this[3] = a;
+ return this;
+ },
+
+ fromHsl: function() {
+ var components = arguments[0] instanceof Array ? arguments[0] : arguments;
+ var color = cq.hslToRgb(components[0], components[1], components[2]);
+
+ this[0] = color[0];
+ this[1] = color[1];
+ this[2] = color[2];
+ this[3] = typeof arguments[3] === "undefined" ? 1.0 : arguments[3];
+ },
+
+ fromHsv: function() {
+ var components = arguments[0] instanceof Array ? arguments[0] : arguments;
+ var color = cq.hsvToRgb(components[0], components[1], components[2]);
+
+ this[0] = color[0];
+ this[1] = color[1];
+ this[2] = color[2];
+ this[3] = typeof arguments[3] === "undefined" ? 1.0 : arguments[3];
+ },
+
+ toArray: function() {
+ return [this[0], this[1], this[2], this[3]];
+ },
+
+ toRgb: function() {
+ return "rgb(" + this[0] + ", " + this[1] + ", " + this[2] + ")";
+ },
+
+ toRgba: function() {
+ return "rgba(" + this[0] + ", " + this[1] + ", " + this[2] + ", " + this[3] + ")";
+ },
+
+ toHex: function() {
+ return cq.rgbToHex(this[0], this[1], this[2]);
+ },
+
+ toHsl: function() {
+ var c = cq.rgbToHsl(this[0], this[1], this[2]);
+ c[3] = this[3];
+ return c;
+ },
+
+ toHsv: function() {
+ var c = cq.rgbToHsv(this[0], this[1], this[2]);
+ c[3] = this[3];
+ return c;
+ },
+
+ gradient: function(target, steps) {
+ var targetColor = cq.color(target);
+ },
+
+ shiftHsl: function() {
+ var hsl = this.toHsl();
+
+ if (this[0] !== this[1] || this[1] !== this[2]) {
+ var h = arguments[0] === false ? hsl[0] : cq.wrapValue(hsl[0] + arguments[0], 0, 1);
+ var s = arguments[1] === false ? hsl[1] : cq.limitValue(hsl[1] + arguments[1], 0, 1);
+ } else {
+ var h = hsl[0];
+ var s = hsl[1];
+ }
+
+ var l = arguments[2] === false ? hsl[2] : cq.limitValue(hsl[2] + arguments[2], 0, 1);
+
+ this.fromHsl(h, s, l);
+
+ return this;
+ },
+
+ setHsl: function() {
+ var hsl = this.toHsl();
+
+ var h = arguments[0] === false ? hsl[0] : cq.limitValue(arguments[0], 0, 1);
+ var s = arguments[1] === false ? hsl[1] : cq.limitValue(arguments[1], 0, 1);
+ var l = arguments[2] === false ? hsl[2] : cq.limitValue(arguments[2], 0, 1);
+
+ this.fromHsl(h, s, l);
+
+ return this;
+ }
+
+ };
+
+ if (NODEJS)
+ global["cq"] = global["CanvasQuery"] = cq;
+ else
+ window["cq"] = window["CanvasQuery"] = cq;
+
+
+ /* nodejs specific stuff */
+
+ cq.Layer.prototype.saveAsPNG = function(path) {
+ fs.writeFileSync(path, this.canvas.toBuffer());
+ }
+
+ cq.loadFromFile = function(path) {
+ var buffer = fs.readFileSync(path);
+ var img = new Image;
+ img.src = buffer;
+ return cq(img);
+ }
+
+
+})();
\ No newline at end of file
diff --git a/vendors/jquery-1.11.1.min.js b/vendors/jquery-1.11.1.min.js
new file mode 100644
index 0000000..ab28a24
--- /dev/null
+++ b/vendors/jquery-1.11.1.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.1",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+-new Date,v=a.document,w=0,x=0,y=gb(),z=gb(),A=gb(),B=function(a,b){return a===b&&(l=!0),0},C="undefined",D=1<<31,E={}.hasOwnProperty,F=[],G=F.pop,H=F.push,I=F.push,J=F.slice,K=F.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},L="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",N="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=N.replace("w","w#"),P="\\["+M+"*("+N+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+O+"))|)"+M+"*\\]",Q=":("+N+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+P+")*)|.*)\\)|)",R=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),S=new RegExp("^"+M+"*,"+M+"*"),T=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),V=new RegExp(Q),W=new RegExp("^"+O+"$"),X={ID:new RegExp("^#("+N+")"),CLASS:new RegExp("^\\.("+N+")"),TAG:new RegExp("^("+N.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+Q),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+L+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{I.apply(F=J.call(v.childNodes),v.childNodes),F[v.childNodes.length].nodeType}catch(eb){I={apply:F.length?function(a,b){H.apply(a,J.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],!a||"string"!=typeof a)return d;if(1!==(k=b.nodeType)&&9!==k)return[];if(p&&!e){if(f=_.exec(a))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return I.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return I.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=9===k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+qb(o[l]);w=ab.test(a)&&ob(b.parentNode)||b,x=o.join(",")}if(x)try{return I.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function gb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function hb(a){return a[u]=!0,a}function ib(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function jb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function kb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||D)-(~a.sourceIndex||D);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function lb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function nb(a){return hb(function(b){return b=+b,hb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function ob(a){return a&&typeof a.getElementsByTagName!==C&&a}c=fb.support={},f=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fb.setDocument=function(a){var b,e=a?a.ownerDocument||a:v,g=e.defaultView;return e!==n&&9===e.nodeType&&e.documentElement?(n=e,o=e.documentElement,p=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){m()},!1):g.attachEvent&&g.attachEvent("onunload",function(){m()})),c.attributes=ib(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ib(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(e.getElementsByClassName)&&ib(function(a){return a.innerHTML="
",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=ib(function(a){return o.appendChild(a).id=u,!e.getElementsByName||!e.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==C&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c=typeof a.getAttributeNode!==C&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==C?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==C&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(e.querySelectorAll))&&(ib(function(a){a.innerHTML="",a.querySelectorAll("[msallowclip^='']").length&&q.push("[*^$]="+M+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+M+"*(?:value|"+L+")"),a.querySelectorAll(":checked").length||q.push(":checked")}),ib(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+M+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ib(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",Q)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===v&&t(v,a)?-1:b===e||b.ownerDocument===v&&t(v,b)?1:k?K.call(k,a)-K.call(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],i=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:k?K.call(k,a)-K.call(k,b):0;if(f===g)return kb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?kb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},e):n},fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fb(b,n,null,[a]).length>0},fb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&E.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fb.selectors={cacheLength:50,createPseudo:hb,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+M+")"+a+"("+M+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==C&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?hb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=K.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:hb(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?hb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:hb(function(a){return function(b){return fb(a,b).length>0}}),contains:hb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:hb(function(a){return W.test(a||"")||fb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:nb(function(){return[0]}),last:nb(function(a,b){return[b-1]}),eq:nb(function(a,b,c){return[0>c?c+b:c]}),even:nb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:nb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:nb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:nb(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function rb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function sb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function tb(a,b,c){for(var d=0,e=b.length;e>d;d++)fb(a,b[d],c);return c}function ub(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function vb(a,b,c,d,e,f){return d&&!d[u]&&(d=vb(d)),e&&!e[u]&&(e=vb(e,f)),hb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||tb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ub(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ub(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?K.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ub(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):I.apply(g,r)})}function wb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=rb(function(a){return a===b},h,!0),l=rb(function(a){return K.call(b,a)>-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>i;i++)if(c=d.relative[a[i].type])m=[rb(sb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return vb(i>1&&sb(m),i>1&&qb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&wb(a.slice(i,e)),f>e&&wb(a=a.slice(e)),f>e&&qb(a))}m.push(c)}return sb(m)}function xb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=G.call(i));s=ub(s)}I.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&fb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?hb(f):f}return h=fb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xb(e,d)),f.selector=a}return f},i=fb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&ob(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qb(j),!a)return I.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&ob(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ib(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ib(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||jb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ib(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||jb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ib(function(a){return null==a.getAttribute("disabled")})||jb(L,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;
+if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/\s*$/g,rb={option:[1,""],legend:[1,""],area:[1,""],param:[1,""],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1>$2>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?""!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1>$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("")).appendTo(b.documentElement),b=(Cb[0].contentWindow||Cb[0].contentDocument).document,b.write(),b.close(),c=Eb(a,b),Cb.detach()),Db[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Gb=/^margin/,Hb=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ib,Jb,Kb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ib=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Hb.test(g)&&Gb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ib=function(a){return a.currentStyle},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Hb.test(g)&&!Kb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Lb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a",d=b.getElementsByTagName("a")[0],c=d&&d.style){c.cssText="float:left;opacity:.5",k.opacity="0.5"===c.opacity,k.cssFloat=!!c.cssFloat,b.style.backgroundClip="content-box",b.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===b.style.backgroundClip,k.boxSizing=""===c.boxSizing||""===c.MozBoxSizing||""===c.WebkitBoxSizing,m.extend(k,{reliableHiddenOffsets:function(){return null==g&&i(),g},boxSizingReliable:function(){return null==f&&i(),f},pixelPosition:function(){return null==e&&i(),e},reliableMarginRight:function(){return null==h&&i(),h}});function i(){var b,c,d,i;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),b.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",e=f=!1,h=!0,a.getComputedStyle&&(e="1%"!==(a.getComputedStyle(b,null)||{}).top,f="4px"===(a.getComputedStyle(b,null)||{width:"4px"}).width,i=b.appendChild(y.createElement("div")),i.style.cssText=b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",i.style.marginRight=i.style.width="0",b.style.width="1px",h=!parseFloat((a.getComputedStyle(i,null)||{}).marginRight)),b.innerHTML="",i=b.getElementsByTagName("td"),i[0].style.cssText="margin:0;border:0;padding:0;display:none",g=0===i[0].offsetHeight,g&&(i[0].style.display="",i[1].style.display="none",g=0===i[0].offsetHeight),c.removeChild(d))}}}(),m.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Mb=/alpha\([^)]*\)/i,Nb=/opacity\s*=\s*([^)]*)/,Ob=/^(none|table(?!-c[ea]).+)/,Pb=new RegExp("^("+S+")(.*)$","i"),Qb=new RegExp("^([+-])=("+S+")","i"),Rb={position:"absolute",visibility:"hidden",display:"block"},Sb={letterSpacing:"0",fontWeight:"400"},Tb=["Webkit","O","Moz","ms"];function Ub(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Tb.length;while(e--)if(b=Tb[e]+c,b in a)return b;return d}function Vb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=m._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&U(d)&&(f[g]=m._data(d,"olddisplay",Fb(d.nodeName)))):(e=U(d),(c&&"none"!==c||!e)&&m._data(d,"olddisplay",e?c:m.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Wb(a,b,c){var d=Pb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Xb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=m.css(a,c+T[f],!0,e)),d?("content"===c&&(g-=m.css(a,"padding"+T[f],!0,e)),"margin"!==c&&(g-=m.css(a,"border"+T[f]+"Width",!0,e))):(g+=m.css(a,"padding"+T[f],!0,e),"padding"!==c&&(g+=m.css(a,"border"+T[f]+"Width",!0,e)));return g}function Yb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ib(a),g=k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Jb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Hb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Xb(a,b,c||(g?"border":"content"),d,f)+"px"}m.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Jb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":k.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=m.camelCase(b),i=a.style;if(b=m.cssProps[h]||(m.cssProps[h]=Ub(i,h)),g=m.cssHooks[b]||m.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Qb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(m.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||m.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=m.camelCase(b);return b=m.cssProps[h]||(m.cssProps[h]=Ub(a.style,h)),g=m.cssHooks[b]||m.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Jb(a,b,d)),"normal"===f&&b in Sb&&(f=Sb[b]),""===c||c?(e=parseFloat(f),c===!0||m.isNumeric(e)?e||0:f):f}}),m.each(["height","width"],function(a,b){m.cssHooks[b]={get:function(a,c,d){return c?Ob.test(m.css(a,"display"))&&0===a.offsetWidth?m.swap(a,Rb,function(){return Yb(a,b,d)}):Yb(a,b,d):void 0},set:function(a,c,d){var e=d&&Ib(a);return Wb(a,c,d?Xb(a,b,d,k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,e),e):0)}}}),k.opacity||(m.cssHooks.opacity={get:function(a,b){return Nb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=m.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===m.trim(f.replace(Mb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Mb.test(f)?f.replace(Mb,e):f+" "+e)}}),m.cssHooks.marginRight=Lb(k.reliableMarginRight,function(a,b){return b?m.swap(a,{display:"inline-block"},Jb,[a,"marginRight"]):void 0}),m.each({margin:"",padding:"",border:"Width"},function(a,b){m.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+T[d]+b]=f[d]||f[d-2]||f[0];return e}},Gb.test(a)||(m.cssHooks[a+b].set=Wb)}),m.fn.extend({css:function(a,b){return V(this,function(a,b,c){var d,e,f={},g=0;if(m.isArray(b)){for(d=Ib(a),e=b.length;e>g;g++)f[b[g]]=m.css(a,b[g],!1,d);return f}return void 0!==c?m.style(a,b,c):m.css(a,b)},a,b,arguments.length>1)},show:function(){return Vb(this,!0)},hide:function(){return Vb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){U(this)?m(this).show():m(this).hide()})}});function Zb(a,b,c,d,e){return new Zb.prototype.init(a,b,c,d,e)}m.Tween=Zb,Zb.prototype={constructor:Zb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(m.cssNumber[c]?"":"px")
+},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(this):Zb.propHooks._default.get(this)},run:function(a){var b,c=Zb.propHooks[this.prop];return this.pos=b=this.options.duration?m.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Zb.propHooks._default.set(this),this}},Zb.prototype.init.prototype=Zb.prototype,Zb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=m.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){m.fx.step[a.prop]?m.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[m.cssProps[a.prop]]||m.cssHooks[a.prop])?m.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Zb.propHooks.scrollTop=Zb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},m.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},m.fx=Zb.prototype.init,m.fx.step={};var $b,_b,ac=/^(?:toggle|show|hide)$/,bc=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),cc=/queueHooks$/,dc=[ic],ec={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=bc.exec(b),f=e&&e[3]||(m.cssNumber[a]?"":"px"),g=(m.cssNumber[a]||"px"!==f&&+d)&&bc.exec(m.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,m.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function fc(){return setTimeout(function(){$b=void 0}),$b=m.now()}function gc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=T[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function hc(a,b,c){for(var d,e=(ec[b]||[]).concat(ec["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function ic(a,b,c){var d,e,f,g,h,i,j,l,n=this,o={},p=a.style,q=a.nodeType&&U(a),r=m._data(a,"fxshow");c.queue||(h=m._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,n.always(function(){n.always(function(){h.unqueued--,m.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=m.css(a,"display"),l="none"===j?m._data(a,"olddisplay")||Fb(a.nodeName):j,"inline"===l&&"none"===m.css(a,"float")&&(k.inlineBlockNeedsLayout&&"inline"!==Fb(a.nodeName)?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",k.shrinkWrapBlocks()||n.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],ac.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||m.style(a,d)}else j=void 0;if(m.isEmptyObject(o))"inline"===("none"===j?Fb(a.nodeName):j)&&(p.display=j);else{r?"hidden"in r&&(q=r.hidden):r=m._data(a,"fxshow",{}),f&&(r.hidden=!q),q?m(a).show():n.done(function(){m(a).hide()}),n.done(function(){var b;m._removeData(a,"fxshow");for(b in o)m.style(a,b,o[b])});for(d in o)g=hc(q?r[d]:0,d,n),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function jc(a,b){var c,d,e,f,g;for(c in a)if(d=m.camelCase(c),e=b[d],f=a[c],m.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=m.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function kc(a,b,c){var d,e,f=0,g=dc.length,h=m.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=$b||fc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:m.extend({},b),opts:m.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:$b||fc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=m.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(jc(k,j.opts.specialEasing);g>f;f++)if(d=dc[f].call(j,a,k,j.opts))return d;return m.map(k,hc,j),m.isFunction(j.opts.start)&&j.opts.start.call(a,j),m.fx.timer(m.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}m.Animation=m.extend(kc,{tweener:function(a,b){m.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],ec[c]=ec[c]||[],ec[c].unshift(b)},prefilter:function(a,b){b?dc.unshift(a):dc.push(a)}}),m.speed=function(a,b,c){var d=a&&"object"==typeof a?m.extend({},a):{complete:c||!c&&b||m.isFunction(a)&&a,duration:a,easing:c&&b||b&&!m.isFunction(b)&&b};return d.duration=m.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in m.fx.speeds?m.fx.speeds[d.duration]:m.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){m.isFunction(d.old)&&d.old.call(this),d.queue&&m.dequeue(this,d.queue)},d},m.fn.extend({fadeTo:function(a,b,c,d){return this.filter(U).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=m.isEmptyObject(a),f=m.speed(b,c,d),g=function(){var b=kc(this,m.extend({},a),f);(e||m._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=m.timers,g=m._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&cc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&m.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=m._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=m.timers,g=d?d.length:0;for(c.finish=!0,m.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),m.each(["toggle","show","hide"],function(a,b){var c=m.fn[b];m.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(gc(b,!0),a,d,e)}}),m.each({slideDown:gc("show"),slideUp:gc("hide"),slideToggle:gc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){m.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),m.timers=[],m.fx.tick=function(){var a,b=m.timers,c=0;for($b=m.now();ca",d=b.getElementsByTagName("a")[0],c=y.createElement("select"),e=c.appendChild(y.createElement("option")),a=b.getElementsByTagName("input")[0],d.style.cssText="top:1px",k.getSetAttribute="t"!==b.className,k.style=/top/.test(d.getAttribute("style")),k.hrefNormalized="/a"===d.getAttribute("href"),k.checkOn=!!a.value,k.optSelected=e.selected,k.enctype=!!y.createElement("form").enctype,c.disabled=!0,k.optDisabled=!e.disabled,a=y.createElement("input"),a.setAttribute("value",""),k.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),k.radioValue="t"===a.value}();var lc=/\r/g;m.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=m.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,m(this).val()):a,null==e?e="":"number"==typeof e?e+="":m.isArray(e)&&(e=m.map(e,function(a){return null==a?"":a+""})),b=m.valHooks[this.type]||m.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=m.valHooks[e.type]||m.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(lc,""):null==c?"":c)}}}),m.extend({valHooks:{option:{get:function(a){var b=m.find.attr(a,"value");return null!=b?b:m.trim(m.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&m.nodeName(c.parentNode,"optgroup"))){if(b=m(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=m.makeArray(b),g=e.length;while(g--)if(d=e[g],m.inArray(m.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),m.each(["radio","checkbox"],function(){m.valHooks[this]={set:function(a,b){return m.isArray(b)?a.checked=m.inArray(m(a).val(),b)>=0:void 0}},k.checkOn||(m.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var mc,nc,oc=m.expr.attrHandle,pc=/^(?:checked|selected)$/i,qc=k.getSetAttribute,rc=k.input;m.fn.extend({attr:function(a,b){return V(this,m.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){m.removeAttr(this,a)})}}),m.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===K?m.prop(a,b,c):(1===f&&m.isXMLDoc(a)||(b=b.toLowerCase(),d=m.attrHooks[b]||(m.expr.match.bool.test(b)?nc:mc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=m.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void m.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=m.propFix[c]||c,m.expr.match.bool.test(c)?rc&&qc||!pc.test(c)?a[d]=!1:a[m.camelCase("default-"+c)]=a[d]=!1:m.attr(a,c,""),a.removeAttribute(qc?c:d)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&m.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),nc={set:function(a,b,c){return b===!1?m.removeAttr(a,c):rc&&qc||!pc.test(c)?a.setAttribute(!qc&&m.propFix[c]||c,c):a[m.camelCase("default-"+c)]=a[c]=!0,c}},m.each(m.expr.match.bool.source.match(/\w+/g),function(a,b){var c=oc[b]||m.find.attr;oc[b]=rc&&qc||!pc.test(b)?function(a,b,d){var e,f;return d||(f=oc[b],oc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,oc[b]=f),e}:function(a,b,c){return c?void 0:a[m.camelCase("default-"+b)]?b.toLowerCase():null}}),rc&&qc||(m.attrHooks.value={set:function(a,b,c){return m.nodeName(a,"input")?void(a.defaultValue=b):mc&&mc.set(a,b,c)}}),qc||(mc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},oc.id=oc.name=oc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},m.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:mc.set},m.attrHooks.contenteditable={set:function(a,b,c){mc.set(a,""===b?!1:b,c)}},m.each(["width","height"],function(a,b){m.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),k.style||(m.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var sc=/^(?:input|select|textarea|button|object)$/i,tc=/^(?:a|area)$/i;m.fn.extend({prop:function(a,b){return V(this,m.prop,a,b,arguments.length>1)},removeProp:function(a){return a=m.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),m.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!m.isXMLDoc(a),f&&(b=m.propFix[b]||b,e=m.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=m.find.attr(a,"tabindex");return b?parseInt(b,10):sc.test(a.nodeName)||tc.test(a.nodeName)&&a.href?0:-1}}}}),k.hrefNormalized||m.each(["href","src"],function(a,b){m.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),k.optSelected||(m.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),m.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){m.propFix[this.toLowerCase()]=this}),k.enctype||(m.propFix.enctype="encoding");var uc=/[\t\r\n\f]/g;m.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=m.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?m.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(m.isFunction(a)?function(c){m(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=m(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===K||"boolean"===c)&&(this.className&&m._data(this,"__className__",this.className),this.className=this.className||a===!1?"":m._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(uc," ").indexOf(b)>=0)return!0;return!1}}),m.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){m.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),m.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var vc=m.now(),wc=/\?/,xc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;m.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=m.trim(b+"");return e&&!m.trim(e.replace(xc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():m.error("Invalid JSON: "+b)},m.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||m.error("Invalid XML: "+b),c};var yc,zc,Ac=/#.*$/,Bc=/([?&])_=[^&]*/,Cc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Dc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Ec=/^(?:GET|HEAD)$/,Fc=/^\/\//,Gc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Hc={},Ic={},Jc="*/".concat("*");try{zc=location.href}catch(Kc){zc=y.createElement("a"),zc.href="",zc=zc.href}yc=Gc.exec(zc.toLowerCase())||[];function Lc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(m.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Mc(a,b,c,d){var e={},f=a===Ic;function g(h){var i;return e[h]=!0,m.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Nc(a,b){var c,d,e=m.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&m.extend(!0,a,c),a}function Oc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Pc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}m.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:zc,type:"GET",isLocal:Dc.test(yc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Jc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":m.parseJSON,"text xml":m.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Nc(Nc(a,m.ajaxSettings),b):Nc(m.ajaxSettings,a)},ajaxPrefilter:Lc(Hc),ajaxTransport:Lc(Ic),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=m.ajaxSetup({},b),l=k.context||k,n=k.context&&(l.nodeType||l.jquery)?m(l):m.event,o=m.Deferred(),p=m.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Cc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||zc)+"").replace(Ac,"").replace(Fc,yc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=m.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(c=Gc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===yc[1]&&c[2]===yc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(yc[3]||("http:"===yc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=m.param(k.data,k.traditional)),Mc(Hc,k,b,v),2===t)return v;h=k.global,h&&0===m.active++&&m.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Ec.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(wc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Bc.test(e)?e.replace(Bc,"$1_="+vc++):e+(wc.test(e)?"&":"?")+"_="+vc++)),k.ifModified&&(m.lastModified[e]&&v.setRequestHeader("If-Modified-Since",m.lastModified[e]),m.etag[e]&&v.setRequestHeader("If-None-Match",m.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Jc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Mc(Ic,k,b,v)){v.readyState=1,h&&n.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Oc(k,v,c)),u=Pc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(m.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(m.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&n.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(n.trigger("ajaxComplete",[v,k]),--m.active||m.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return m.get(a,b,c,"json")},getScript:function(a,b){return m.get(a,void 0,b,"script")}}),m.each(["get","post"],function(a,b){m[b]=function(a,c,d,e){return m.isFunction(c)&&(e=e||d,d=c,c=void 0),m.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m._evalUrl=function(a){return m.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},m.fn.extend({wrapAll:function(a){if(m.isFunction(a))return this.each(function(b){m(this).wrapAll(a.call(this,b))});if(this[0]){var b=m(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(m.isFunction(a)?function(b){m(this).wrapInner(a.call(this,b))}:function(){var b=m(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=m.isFunction(a);return this.each(function(c){m(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){m.nodeName(this,"body")||m(this).replaceWith(this.childNodes)}).end()}}),m.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!k.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||m.css(a,"display"))},m.expr.filters.visible=function(a){return!m.expr.filters.hidden(a)};var Qc=/%20/g,Rc=/\[\]$/,Sc=/\r?\n/g,Tc=/^(?:submit|button|image|reset|file)$/i,Uc=/^(?:input|select|textarea|keygen)/i;function Vc(a,b,c,d){var e;if(m.isArray(b))m.each(b,function(b,e){c||Rc.test(a)?d(a,e):Vc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==m.type(b))d(a,b);else for(e in b)Vc(a+"["+e+"]",b[e],c,d)}m.param=function(a,b){var c,d=[],e=function(a,b){b=m.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=m.ajaxSettings&&m.ajaxSettings.traditional),m.isArray(a)||a.jquery&&!m.isPlainObject(a))m.each(a,function(){e(this.name,this.value)});else for(c in a)Vc(c,a[c],b,e);return d.join("&").replace(Qc,"+")},m.fn.extend({serialize:function(){return m.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=m.prop(this,"elements");return a?m.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!m(this).is(":disabled")&&Uc.test(this.nodeName)&&!Tc.test(a)&&(this.checked||!W.test(a))}).map(function(a,b){var c=m(this).val();return null==c?null:m.isArray(c)?m.map(c,function(a){return{name:b.name,value:a.replace(Sc,"\r\n")}}):{name:b.name,value:c.replace(Sc,"\r\n")}}).get()}}),m.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&Zc()||$c()}:Zc;var Wc=0,Xc={},Yc=m.ajaxSettings.xhr();a.ActiveXObject&&m(a).on("unload",function(){for(var a in Xc)Xc[a](void 0,!0)}),k.cors=!!Yc&&"withCredentials"in Yc,Yc=k.ajax=!!Yc,Yc&&m.ajaxTransport(function(a){if(!a.crossDomain||k.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Wc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Xc[g],b=void 0,f.onreadystatechange=m.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Xc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function Zc(){try{return new a.XMLHttpRequest}catch(b){}}function $c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}m.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return m.globalEval(a),a}}}),m.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),m.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=y.head||m("head")[0]||y.documentElement;return{send:function(d,e){b=y.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var _c=[],ad=/(=)\?(?=&|$)|\?\?/;m.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=_c.pop()||m.expando+"_"+vc++;return this[a]=!0,a}}),m.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(ad.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&ad.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=m.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(ad,"$1"+e):b.jsonp!==!1&&(b.url+=(wc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||m.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,_c.push(e)),g&&m.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),m.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||y;var d=u.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=m.buildFragment([a],b,e),e&&e.length&&m(e).remove(),m.merge([],d.childNodes))};var bd=m.fn.load;m.fn.load=function(a,b,c){if("string"!=typeof a&&bd)return bd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=m.trim(a.slice(h,a.length)),a=a.slice(0,h)),m.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&m.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?m("").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/vendors/playground.js b/vendors/playground.js
new file mode 100644
index 0000000..b4eb2f6
--- /dev/null
+++ b/vendors/playground.js
@@ -0,0 +1,1440 @@
+/*
+ Playground 1.0.2
+ http://canvasquery.org
+ (c) 2012-2014 http://rezoner.net
+ Playground may be freely distributed under the MIT license.
+*/
+
+function playground(args) {
+ return new Playground(args);
+};
+
+/* utitlities */
+
+playground.extend = function() {
+ for (var i = 1; i < arguments.length; i++) {
+ for (var j in arguments[i]) {
+ arguments[0][j] = arguments[i][j];
+ }
+ }
+
+ return arguments[0];
+};
+
+playground.throttle = function(fn, threshold) {
+ threshold || (threshold = 250);
+ var last,
+ deferTimer;
+ return function() {
+ var context = this;
+
+ var now = +new Date,
+ args = arguments;
+ if (last && now < last + threshold) {
+ // hold on to it
+ clearTimeout(deferTimer);
+ deferTimer = setTimeout(function() {
+ last = now;
+ fn.apply(context, args);
+ }, threshold);
+ } else {
+ last = now;
+ fn.apply(context, args);
+ }
+ };
+};
+
+/* constructor */
+
+function Playground(args) {
+
+ /* defaults */
+
+ playground.extend(this, {
+ smoothing: 1,
+ scale: 1,
+ preventKeyboardDefault: true,
+ preventContextMenu: true
+ }, args);
+
+
+ if (!this.width || !this.height) this.fitToContainer = true;
+
+ if (!this.container) this.container = document.body;
+ if (this.container !== document.body) this.customContainer = true;
+ if (typeof this.container === "string") this.container = document.querySelector(this.container);
+
+ /* state */
+
+ this.state = {};
+
+ /* layer */
+
+ if (!args.layer) {
+ cq.smoothing = this.smoothing;
+
+ if (window.CocoonJS) {
+ this.layer = cq.cocoon(1, 1);
+ this.layer.appendTo(this.container);
+ this.screen = this.layer;
+ } else {
+ this.layer = cq(1, 1);
+
+ if (this.scaleToFit) {
+ this.screen = cq(1, 1);
+ this.screen.appendTo(this.container);
+ } else {
+ this.layer.appendTo(this.container);
+ this.screen = this.layer;
+ }
+ }
+
+ }
+
+ var canvas = this.screen.canvas;
+
+ /* events */
+
+ this.eventsHandler = this.eventsHandler.bind(this);
+
+ /* mouse */
+
+ this.mouse = new playground.Mouse(canvas);
+ this.mouse.on("event", this.eventsHandler);
+
+ this.mouse.preventContextMenu = this.preventContextMenu;
+
+ /* touch */
+
+ this.touch = new playground.Touch(canvas);
+ this.touch.on("event", this.eventsHandler);
+
+ /* keyboard */
+
+ this.keyboard = new playground.Keyboard();
+
+ this.keyboard.preventDefault = this.preventKeyboardDefault;
+ this.keyboard.on("event", this.eventsHandler);
+
+ /* gamepads */
+
+ this.gamepads = new playground.Gamepads();
+ this.gamepads.on("event", this.eventsHandler);
+
+ /* window resize */
+
+ window.addEventListener("resize", this.resizeHandler.bind(this));
+
+ setTimeout(this.resizeHandler.bind(this), 1);
+
+ /* video recorder */
+
+ this.videoRecorder = new playground.VideoRecorder(this);
+
+ /* game loop */
+
+ var self = this;
+
+ var lastTick = Date.now();
+
+ function step() {
+
+ requestAnimationFrame(step);
+
+ var delta = Date.now() - lastTick;
+ lastTick = Date.now();
+
+ if (delta > 1000) return;
+
+ var dt = delta / 1000;
+
+ if (self.loader.count <= 0) {
+
+ if (self.step) self.step(dt);
+ if (self.state.step) self.state.step(dt);
+
+ if (self.render) self.render(dt);
+ if (self.state.render) self.state.render(dt);
+
+ if (self.postrender) self.postrender(dt);
+ if (self.state.postrender) self.state.postrender(dt);
+
+ } else {
+ self.renderLoader(dt);
+ }
+
+ if (self.scaleToFit) {
+ self.screen.save();
+ self.screen.translate(self.offsetX, self.offsetY);
+ self.screen.scale(self.scale, self.scale);
+ // self.layer.drawImage(self.scanlines.canvas, 0, 0);
+ self.screen.drawImage(self.layer.canvas, 0, 0);
+ self.screen.restore();
+ }
+
+ self.gamepads.step(dt);
+ self.videoRecorder.step(dt);
+
+ };
+
+ requestAnimationFrame(step);
+
+ /* assets */
+
+ /* default audio format */
+
+ var canPlayMp3 = (new Audio).canPlayType("audio/mp3");
+ var canPlayOgg = (new Audio).canPlayType('audio/ogg; codecs="vorbis"');
+
+ if (canPlayMp3) this.audioFormat = "mp3";
+ else this.audioFormat = "ogg";
+
+ this.loader = new playground.Loader();
+
+ this.images = {};
+ this.sounds = {};
+
+ this.loadFoo(0.5);
+
+ if (this.create) setTimeout(this.create.bind(this));
+
+ this.loader.on("ready", function() {
+ if (self.ready) self.ready();
+
+ self.ready = function() {};
+ });
+
+
+
+};
+
+Playground.prototype = {
+
+ setState: function(state) {
+ state.app = this;
+
+ if (this.state && this.state.leave) this.state.leave();
+
+ this.state = state;
+
+ if (this.state && this.state.enter) this.state.enter();
+ },
+
+ eventsHandler: function(event, data) {
+
+ if (this[event]) this[event](data);
+ if (this.state[event]) this.state[event](data);
+
+ },
+
+ resizeHandler: function() {
+
+ if (this.customContainer) {
+ var containerWidth = this.container.offsetWidth;
+ var containerHeight = this.container.offsetHeight;
+ } else {
+ var containerWidth = window.innerWidth;
+ var containerHeight = window.innerHeight;
+ }
+
+ if (this.fitToContainer) {
+ this.width = this.containerWidth;
+ this.height = this.containerHeight;
+ }
+
+ if (!this.scaleToFit) {
+
+ if (this.fitToContainer) {
+ this.width = containerWidth;
+ this.height = containerHeight;
+ }
+
+ this.offsetX = 0;
+ this.offsetY = 0;
+
+ } else {
+
+ this.screen.width = containerWidth;
+ this.screen.height = containerHeight;
+
+ this.scale = Math.min(containerWidth / this.width, containerHeight / this.height);
+
+ if (this.roundScale) this.scale = Math.max(1, Math.floor(this.scale));
+
+ this.offsetX = containerWidth / 2 - this.scale * (this.width / 2) | 0;
+ this.offsetY = containerHeight / 2 - this.scale * (this.height / 2) | 0;
+
+ this.mouse.scale = this.scale;
+ this.mouse.offsetX = this.offsetX;
+ this.mouse.offsetY = this.offsetY;
+
+ this.touch.scale = this.scale;
+ this.touch.offsetX = this.offsetX;
+ this.touch.offsetY = this.offsetY;
+ }
+
+ this.layer.width = this.width;
+ this.layer.height = this.height;
+
+ this.center = {
+ x: this.width / 2 | 0,
+ y: this.height / 2 | 0
+ };
+
+ this.screen.clear("#000");
+
+ this.eventsHandler("resize");
+
+ this.mouse.update();
+ this.touch.update();
+ },
+
+ renderLoader: function() {
+
+ var height = this.height / 10 | 0;
+ var x = 32;
+ var width = this.width - x * 2;
+ var y = this.height / 2 - height / 2 | 0;
+
+ this.layer.clear("#000");
+ this.layer.strokeStyle("#fff").lineWidth(2).strokeRect(x, y, width, height);
+ this.layer.fillStyle("#fff").fillRect(x, y, width * this.loader.progress | 0, height);
+
+ },
+
+ record: function(args) {
+ this.videoRecorder.toggle(args);
+ },
+
+ /* imaginary timeout to delay loading */
+
+ loadFoo: function(timeout) {
+ if (!this.foofooLoader) this.foofooLoader = 0;
+
+ var loader = this.loader;
+
+ this.loader.add("foo " + timeout);
+
+ setTimeout(function() {
+ loader.ready("foo " + timeout);
+ }, (this.foofooLoader += timeout * 1000));
+
+ },
+
+ /* images */
+
+ loadImages: function() {
+
+ for (var i = 0; i < arguments.length; i++) {
+
+ var arg = arguments[i];
+
+ /* polymorphism at its finest */
+
+ if (typeof arg === "object") {
+
+ for (var key in arg) this.addImages(arg[key]);
+
+ } else {
+
+ /* if argument is not an object/array let's try to load it */
+
+ var filename = arg;
+
+ var loader = this.loader;
+
+ var fileinfo = filename.match(/(.*)\..*/);
+ var key = fileinfo ? fileinfo[1] : filename;
+
+ /* filename defaults to png */
+
+ if (!fileinfo) filename += ".png";
+
+ var path = "images/" + filename;
+
+ this.loader.add(path);
+
+ var image = this.images[key] = new Image;
+
+ image.addEventListener("load", function() {
+ loader.ready(path);
+ });
+
+ image.addEventListener("error", function() {
+ loader.error(path);
+ });
+
+ image.src = path;
+ }
+ }
+ },
+
+ /* sounds */
+
+ loadSounds: function() {
+
+ for (var i = 0; i < arguments.length; i++) {
+
+ var arg = arguments[i];
+
+ /* polymorphism at its finest */
+
+ if (typeof arg === "object") {
+
+ for (var key in arg) this.loadSounds(arg[key]);
+
+ } else {
+
+ /* if argument is not an object/array let's try to load it */
+
+ var filename = arg;
+
+ var loader = this.loader;
+
+ var key = filename;
+
+ filename += "." + this.audioFormat;
+
+ var path = "sounds/" + filename;
+
+ this.loader.add(path);
+
+ var audio = this.sounds[key] = new Audio;
+
+ audio.addEventListener("canplay", function() {
+ loader.ready(path);
+ });
+
+ audio.addEventListener("error", function() {
+ loader.error(path);
+ });
+
+ audio.src = path;
+ }
+ }
+
+ },
+
+ loadFont: function(name) {
+ var styleNode = document.createElement("style");
+ styleNode.type = "text/css";
+
+ var formats = {
+ "woff": "woff",
+ "ttf": "truetype"
+ };
+
+ var sources = "";
+
+ for (var ext in formats) {
+ var type = formats[ext];
+ sources += " url(\"fonts/" + name + "." + ext + "\") format('" + type + "');"
+ }
+
+ styleNode.textContent = "@font-face { font-family: '" + name + "'; src: " + sources + " }";
+
+ document.head.appendChild(styleNode);
+
+ var layer = cq(32, 32);
+
+ layer.font("10px huj");
+ layer.fillText(16, 16, 16).trim();
+
+ var width = layer.width;
+ var height = layer.height;
+
+ this.loader.add("font " + name);
+
+ var self = this;
+
+ function check() {
+ var layer = cq(32, 32);
+ layer.font("10px " + name).fillText(16, 16, 16);
+ layer.trim();
+
+ if (layer.width !== width || layer.height !== height) {
+ self.loader.ready("font " + name);
+ } else {
+ setTimeout(check, 250);
+ }
+ };
+
+ check();
+ },
+
+ playSound: function(key, loop) {
+ var sound = this.sounds[key];
+ sound.currentTime = 0;
+ sound.loop = loop;
+ sound.play();
+ return sound;
+ },
+
+ stopSound: function(sound) {
+ if (typeof sound === "string") sound = this.sounds[sound];
+ sound.pause();
+ }
+
+
+};
+
+playground.Events = function() {
+
+ this.listeners = {};
+
+};
+
+playground.Events.prototype = {
+
+ on: function(event, callback) {
+ if (!this.listeners[event]) this.listeners[event] = [];
+
+ this.listeners[event].push(callback);
+
+ return callback;
+ },
+
+ once: function(event, callback) {
+ callback.once = true;
+
+ if (!this.listeners[event]) this.listeners[event] = [];
+
+ this.listeners[event].push(callback);
+
+ return callback;
+ },
+
+ off: function(event, callback) {
+ for (var i = 0, len = this.listeners[event].length; i < len; i++) {
+ if (this.listeners[event][i]._remove) {
+ this.listeners[event].splice(i--, 1);
+ len--;
+ }
+ }
+ },
+
+ trigger: function(event, data) {
+
+ /* if you prefer events pipe */
+
+ if (this.listeners["event"]) {
+ for (var i = 0, len = this.listeners["event"].length; i < len; i++) {
+ this.listeners["event"][i](event, data);
+ }
+ }
+
+ /* or subscribed to single event */
+
+ if (this.listeners[event]) {
+ for (var i = 0, len = this.listeners[event].length; i < len; i++) {
+ var listener = this.listeners[event][i];
+ listener(data);
+
+ if (listener.once) {
+ this.listeners[event].splice(i--, 1);
+ }
+ }
+ }
+ }
+};
+
+/* Mouse */
+
+playground.Mouse = function(element) {
+
+ var self = this;
+
+ playground.Events.call(this);
+
+ this.element = element;
+
+ this.buttons = {};
+
+ this.mousemoveEvent = {};
+ this.mousedownEvent = {};
+ this.mouseupEvent = {};
+ this.mousewheelEvent = {};
+
+ this.x = 0;
+ this.y = 0;
+
+ this.offsetX = 0;
+ this.offsetY = 0;
+ this.scale = 1;
+
+ element.addEventListener("mousemove", this.mousemove.bind(this));
+ element.addEventListener("mousedown", this.mousedown.bind(this));
+ element.addEventListener("mouseup", this.mouseup.bind(this));
+
+ this.enableMousewheel();
+
+ this.element.addEventListener("contextmenu", function(e) {
+ if (self.preventContextMenu) e.preventDefault();
+ });
+
+};
+
+playground.Mouse.prototype = {
+
+ getElementOffset: function(element) {
+
+ var offsetX = 0;
+ var offsetY = 0;
+
+ do {
+ offsetX += element.offsetLeft;
+ offsetY += element.offsetTop;
+ }
+
+ while ((element = element.offsetParent));
+
+ return {
+ x: offsetX,
+ y: offsetY
+ };
+
+ },
+
+ update: function() {
+ this.elementOffset = this.getElementOffset(this.element);
+ },
+
+ mousemove: function(e) {
+ this.x = this.mousemoveEvent.x = (e.pageX - this.elementOffset.x - this.offsetX) / this.scale | 0;
+ this.y = this.mousemoveEvent.y = (e.pageY - this.elementOffset.y - this.offsetY) / this.scale | 0;
+
+ this.mousemoveEvent.original = e;
+
+ this.trigger("mousemove", this.mousemoveEvent);
+ },
+
+ mousedown: function(e) {
+
+ var buttonName = ["left", "middle", "right"][e.button];
+
+ this.mousedownEvent.x = this.mousemoveEvent.x;
+ this.mousedownEvent.y = this.mousemoveEvent.y;
+ this.mousedownEvent.button = buttonName;
+ this.mousedownEvent.original = e;
+
+ this[buttonName] = true;
+
+ this.trigger("mousedown", this.mousedownEvent);
+ },
+
+ mouseup: function(e) {
+
+ var buttonName = ["left", "middle", "right"][e.button];
+
+ this.mouseupEvent.x = this.mousemoveEvent.x;
+ this.mouseupEvent.y = this.mousemoveEvent.y;
+ this.mouseupEvent.button = buttonName;
+ this.mouseupEvent.original = e;
+
+ this[buttonName] = false;
+
+ this.trigger("mouseup", this.mouseupEvent);
+ },
+
+ mousewheel: function(e) {
+ this.mousewheelEvent.x = this.mousemoveEvent.x;
+ this.mousewheelEvent.y = this.mousemoveEvent.y;
+ this.mousewheelEvent.button = ["none", "left", "middle", "right"][e.button];
+ this.mousewheelEvent.original = e;
+
+ this[e.button] = false;
+
+ this.trigger("mousewheel", this.mousewheelEvent);
+ },
+
+
+ enableMousewheel: function() {
+
+ var eventNames = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'];
+ var callback = this.mousewheel.bind(this);
+ var self = this;
+
+ for (var i = eventNames.length; i;) {
+
+ self.element.addEventListener(eventNames[--i], playground.throttle(function(event) {
+
+ var orgEvent = event || window.event,
+ args = [].slice.call(arguments, 1),
+ delta = 0,
+ deltaX = 0,
+ deltaY = 0,
+ absDelta = 0,
+ absDeltaXY = 0,
+ fn;
+ event.type = "mousewheel";
+
+ // Old school scrollwheel delta
+ if (orgEvent.wheelDelta) {
+ delta = orgEvent.wheelDelta;
+ }
+
+ if (orgEvent.detail) {
+ delta = orgEvent.detail * -1;
+ }
+
+ // New school wheel delta (wheel event)
+ if (orgEvent.deltaY) {
+ deltaY = orgEvent.deltaY * -1;
+ delta = deltaY;
+ }
+
+ // Webkit
+ if (orgEvent.wheelDeltaY !== undefined) {
+ deltaY = orgEvent.wheelDeltaY;
+ }
+
+ var result = delta ? delta : deltaY;
+
+ self.mousewheelEvent.x = self.mousemoveEvent.x;
+ self.mousewheelEvent.y = self.mousemoveEvent.y;
+ self.mousewheelEvent.delta = result / Math.abs(result);
+ self.mousewheelEvent.original = orgEvent;
+
+ callback(self.mousewheelEvent);
+
+ event.preventDefault();
+
+ }, 40), false);
+ }
+
+ }
+
+};
+
+playground.extend(playground.Mouse.prototype, playground.Events.prototype);
+
+/* Touch */
+
+playground.Touch = function(element) {
+
+ playground.Events.call(this);
+
+ this.element = element;
+
+ this.buttons = {};
+
+ this.touchmoveEvent = {};
+ this.touchstartEvent = {};
+ this.touchendEvent = {};
+
+ this.x = 0;
+ this.y = 0;
+
+ this.offsetX = 0;
+ this.offsetY = 0;
+ this.scale = 1;
+
+ element.addEventListener("touchmove", this.touchmove.bind(this));
+ element.addEventListener("touchstart", this.touchstart.bind(this));
+ element.addEventListener("touchend", this.touchend.bind(this));
+};
+
+playground.Touch.prototype = {
+
+ getElementOffset: function(element) {
+
+ var offsetX = 0;
+ var offsetY = 0;
+
+ do {
+ offsetX += element.offsetLeft;
+ offsetY += element.offsetTop;
+ }
+
+ while ((element = element.offsetParent));
+
+ return {
+ x: offsetX,
+ y: offsetY
+ };
+
+ },
+
+ update: function() {
+ this.elementOffset = this.getElementOffset(this.element);
+ },
+
+ touchmove: function(e) {
+ var touch = e.touches[0] || e.changedTouches[0];
+
+ this.x = this.touchmoveEvent.x = (touch.pageX - this.elementOffset.x - this.offsetX) / this.scale | 0;
+ this.y = this.touchmoveEvent.y = (touch.pageY - this.elementOffset.y - this.offsetY) / this.scale | 0;
+
+ this.touchmoveEvent.original = e;
+ this.touchmoveEvent.identifier = e.identifier;
+
+ this.trigger("touchmove", this.touchmoveEvent);
+
+ e.preventDefault();
+ },
+
+ touchstart: function(e) {
+ this.touchstartEvent.x = this.touchmoveEvent.x;
+ this.touchstartEvent.y = this.touchmoveEvent.y;
+
+ this.touchstartEvent.original = e;
+ this.touchstartEvent.identifier = e.identifier;
+
+ this.pressed = true;
+
+ this.trigger("touchstart", this.touchstartEvent);
+ },
+
+ touchend: function(e) {
+ this.touchendEvent.x = this.touchmoveEvent.x;
+ this.touchendEvent.y = this.touchmoveEvent.y;
+
+ this.touchendEvent.original = e;
+ this.touchendEvent.identifier = e.identifier;
+
+ this.pressed = false;
+
+ this.trigger("touchend", this.touchendEvent);
+ }
+
+};
+
+playground.extend(playground.Touch.prototype, playground.Events.prototype);
+
+/* Keyboard */
+
+playground.Keyboard = function() {
+
+ playground.Events.call(this);
+
+ this.keys = {};
+
+ document.addEventListener("keydown", this.keydown.bind(this));
+ document.addEventListener("keyup", this.keyup.bind(this));
+ document.addEventListener("keypress", this.keypress.bind(this));
+
+ this.keydownEvent = {};
+ this.keyupEvent = {};
+
+};
+
+playground.Keyboard.prototype = {
+
+ keycodes: {
+ 37: "left",
+ 38: "up",
+ 39: "right",
+ 40: "down",
+ 45: "insert",
+ 46: "delete",
+ 8: "backspace",
+ 9: "tab",
+ 13: "enter",
+ 16: "shift",
+ 17: "ctrl",
+ 18: "alt",
+ 19: "pause",
+ 20: "capslock",
+ 27: "escape",
+ 32: "space",
+ 33: "pageup",
+ 34: "pagedown",
+ 35: "end",
+ 36: "home",
+ 112: "f1",
+ 113: "f2",
+ 114: "f3",
+ 115: "f4",
+ 116: "f5",
+ 117: "f6",
+ 118: "f7",
+ 119: "f8",
+ 120: "f9",
+ 121: "f10",
+ 122: "f11",
+ 123: "f12",
+ 144: "numlock",
+ 145: "scrolllock",
+ 186: "semicolon",
+ 187: "equal",
+ 188: "comma",
+ 189: "dash",
+ 190: "period",
+ 191: "slash",
+ 192: "graveaccent",
+ 219: "openbracket",
+ 220: "backslash",
+ 221: "closebraket",
+ 222: "singlequote"
+ },
+
+ keypress: function(e) {
+
+ },
+
+ keydown: function(e) {
+ if (e.which >= 48 && e.which <= 90) var keyName = String.fromCharCode(e.which).toLowerCase();
+ else var keyName = this.keycodes[e.which];
+
+ if (this.keys[keyName]) return;
+
+ this.keydownEvent.key = keyName;
+ this.keydownEvent.original = e;
+
+ this.keys[keyName] = true;
+
+ this.trigger("keydown", this.keydownEvent);
+
+ if (this.preventDefault && document.activeElement === document.body) {
+ e.returnValue = false;
+ e.keyCode = 0;
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ },
+
+ keyup: function(e) {
+
+ if (e.which >= 48 && e.which <= 90) var keyName = String.fromCharCode(e.which).toLowerCase();
+ else var keyName = this.keycodes[e.which];
+
+ this.keyupEvent.key = keyName;
+ this.keyupEvent.original = e;
+
+ this.keys[keyName] = false;
+
+ this.trigger("keyup", this.keyupEvent);
+ }
+
+};
+
+playground.extend(playground.Keyboard.prototype, playground.Events.prototype);
+
+/* Gamepad */
+
+playground.Gamepads = function() {
+
+ playground.Events.call(this);
+
+ this.getGamepads = navigator.getGamepads || navigator.webkitGetGamepads;
+
+ this.gamepadmoveEvent = {};
+ this.gamepaddownEvent = {};
+ this.gamepadupEvent = {};
+
+ this.gamepads = {};
+
+};
+
+playground.Gamepads.prototype = {
+
+ buttons: {
+ 0: "1",
+ 1: "2",
+ 2: "3",
+ 3: "4",
+ 4: "l1",
+ 5: "r1",
+ 6: "l2",
+ 7: "r2",
+ 8: "select",
+ 9: "start",
+ 12: "up",
+ 13: "down",
+ 14: "left",
+ 15: "right"
+ },
+
+ zeroState: function() {
+ var buttons = [];
+
+ for (var i = 0; i <= 15; i++) {
+ buttons.push({
+ pressed: false,
+ value: 0
+ });
+ }
+
+ return {
+ axes: [],
+ buttons: buttons
+ };
+ },
+
+ createGamepad: function() {
+ var result = {
+ buttons: {},
+ sticks: [{
+ x: 0,
+ y: 0
+ }, {
+ x: 0,
+ y: 0
+ }]
+ };
+
+
+ for (var i = 0; i < 16; i++) {
+ var key = this.buttons[i];
+ result.buttons[key] = false;
+ }
+
+ return result;
+ },
+
+ step: function() {
+ if (!navigator.getGamepads) return;
+
+ var gamepads = navigator.getGamepads();
+
+ for (var i = 0; i < gamepads.length; i++) {
+ var current = gamepads[i];
+
+ if (!current) continue;
+
+ if (!this[i]) this[i] = this.createGamepad();
+
+ /* have to concat the current.buttons because the are read-only */
+
+ var buttons = [].concat(current.buttons);
+
+ /* hack for missing dpads */
+
+ for (var h = 12; h <= 15; h++) {
+ if (!buttons[h]) buttons[h] = {
+ pressed: false,
+ value: 0
+ };
+ }
+
+ var previous = this[i];
+
+ /* axes (sticks) to buttons */
+
+ if (current.axes) {
+
+ if (current.axes[0] < 0) buttons[14].pressed = true;
+ if (current.axes[0] > 0) buttons[15].pressed = true;
+ if (current.axes[1] < 0) buttons[12].pressed = true;
+ if (current.axes[1] > 0) buttons[13].pressed = true;
+
+ previous.sticks[0].x = current.axes[0].value;
+ previous.sticks[0].y = current.axes[1].value;
+ previous.sticks[1].x = current.axes[2].value;
+ previous.sticks[1].y = current.axes[3].value;
+
+ }
+
+ /* check buttons changes */
+
+ for (var j = 0; j < buttons.length; j++) {
+
+ var key = this.buttons[j];
+
+ /* gamepad down */
+
+ if (buttons[j].pressed && !previous.buttons[key]) {
+ previous.buttons[key] = true;
+ this.gamepaddownEvent.button = this.buttons[j];
+ this.gamepaddownEvent.gamepad = i;
+ this.trigger("gamepaddown", this.gamepaddownEvent);
+ }
+
+ /* gamepad up */
+ else if (!buttons[j].pressed && previous.buttons[key]) {
+ previous.buttons[key] = false;
+ this.gamepadupEvent.button = this.buttons[j];
+ this.gamepadupEvent.gamepad = i;
+ this.trigger("gamepadup", this.gamepadupEvent);
+ }
+
+ }
+
+ }
+
+ }
+};
+
+playground.extend(playground.Gamepads.prototype, playground.Events.prototype);
+
+
+/* Loader */
+
+playground.Loader = function() {
+
+ playground.Events.call(this);
+
+ this.reset();
+
+};
+
+playground.Loader.prototype = {
+
+ /* loader */
+
+ add: function(id) {
+ this.queue++;
+ this.count++;
+ this.trigger("add", id);
+ },
+
+ error: function(id) {
+ console.log("unable to load " + id);
+ this.trigger("error", id);
+ },
+
+ ready: function(id) {
+ this.queue--;
+
+ this.progress = 1 - this.queue / this.count;
+
+ this.trigger("load", id);
+
+ if (this.queue <= 0) {
+ this.trigger("ready");
+ this.reset();
+ }
+ },
+
+ reset: function() {
+ this.progress = 0;
+ this.queue = 0;
+ this.count = 0;
+ }
+};
+
+playground.extend(playground.Loader.prototype, playground.Events.prototype);
+
+CanvasQuery.Layer.prototype.playground = function(args) {
+ args.layer = this;
+ return playground(args);
+};
+
+/* Video recorder */
+
+/* whammy - https://github.com/antimatter15/whammy */
+
+window.Whammy = function() {
+ function h(a, b) {
+ for (var c = r(a), c = [{
+ id: 440786851,
+ data: [{
+ data: 1,
+ id: 17030
+ }, {
+ data: 1,
+ id: 17143
+ }, {
+ data: 4,
+ id: 17138
+ }, {
+ data: 8,
+ id: 17139
+ }, {
+ data: "webm",
+ id: 17026
+ }, {
+ data: 2,
+ id: 17031
+ }, {
+ data: 2,
+ id: 17029
+ }]
+ }, {
+ id: 408125543,
+ data: [{
+ id: 357149030,
+ data: [{
+ data: 1E6,
+ id: 2807729
+ }, {
+ data: "whammy",
+ id: 19840
+ }, {
+ data: "whammy",
+ id: 22337
+ }, {
+ data: s(c.duration),
+ id: 17545
+ }]
+ }, {
+ id: 374648427,
+ data: [{
+ id: 174,
+ data: [{
+ data: 1,
+ id: 215
+ }, {
+ data: 1,
+ id: 25541
+ }, {
+ data: 0,
+ id: 156
+ }, {
+ data: "und",
+ id: 2274716
+ }, {
+ data: "V_VP8",
+ id: 134
+ }, {
+ data: "VP8",
+ id: 2459272
+ }, {
+ data: 1,
+ id: 131
+ }, {
+ id: 224,
+ data: [{
+ data: c.width,
+ id: 176
+ }, {
+ data: c.height,
+ id: 186
+ }]
+ }]
+ }]
+ }]
+ }], e = 0, d = 0; e < a.length;) {
+ var g = [],
+ f = 0;
+ do g.push(a[e]), f += a[e].duration, e++; while (e < a.length && 3E4 > f);
+ var h = 0,
+ g = {
+ id: 524531317,
+ data: [{
+ data: d,
+ id: 231
+ }].concat(g.map(function(a) {
+ var b = t({
+ discardable: 0,
+ frame: a.data.slice(4),
+ invisible: 0,
+ keyframe: 1,
+ lacing: 0,
+ trackNum: 1,
+ timecode: Math.round(h)
+ });
+ h += a.duration;
+ return {
+ data: b,
+ id: 163
+ }
+ }))
+ };
+ c[1].data.push(g);
+ d += f
+ }
+ return m(c, b)
+ }
+
+ function r(a) {
+ for (var b = a[0].width, c = a[0].height, e = a[0].duration,
+ d = 1; d < a.length; d++) {
+ if (a[d].width != b) throw "Frame " + (d + 1) + " has a different width";
+ if (a[d].height != c) throw "Frame " + (d + 1) + " has a different height";
+ if (0 > a[d].duration || 32767 < a[d].duration) throw "Frame " + (d + 1) + " has a weird duration (must be between 0 and 32767)";
+ e += a[d].duration
+ }
+ return {
+ duration: e,
+ width: b,
+ height: c
+ }
+ }
+
+ function u(a) {
+ for (var b = []; 0 < a;) b.push(a & 255), a >>= 8;
+ return new Uint8Array(b.reverse())
+ }
+
+ function n(a) {
+ var b = [];
+ a = (a.length % 8 ? Array(9 - a.length % 8).join("0") : "") + a;
+ for (var c = 0; c < a.length; c += 8) b.push(parseInt(a.substr(c,
+ 8), 2));
+ return new Uint8Array(b)
+ }
+
+ function m(a, b) {
+ for (var c = [], e = 0; e < a.length; e++) {
+ var d = a[e].data;
+ "object" == typeof d && (d = m(d, b));
+ "number" == typeof d && (d = n(d.toString(2)));
+ if ("string" == typeof d) {
+ for (var g = new Uint8Array(d.length), f = 0; f < d.length; f++) g[f] = d.charCodeAt(f);
+ d = g
+ }
+ f = d.size || d.byteLength || d.length;
+ g = Math.ceil(Math.ceil(Math.log(f) / Math.log(2)) / 8);
+ f = f.toString(2);
+ f = Array(7 * g + 8 - f.length).join("0") + f;
+ g = Array(g).join("0") + "1" + f;
+ c.push(u(a[e].id));
+ c.push(n(g));
+ c.push(d)
+ }
+ return b ? (c = p(c), new Uint8Array(c)) :
+ new Blob(c, {
+ type: "video/webm"
+ })
+ }
+
+ function p(a, b) {
+ null == b && (b = []);
+ for (var c = 0; c < a.length; c++) "object" == typeof a[c] ? p(a[c], b) : b.push(a[c]);
+ return b
+ }
+
+ function t(a) {
+ var b = 0;
+ a.keyframe && (b |= 128);
+ a.invisible && (b |= 8);
+ a.lacing && (b |= a.lacing << 1);
+ a.discardable && (b |= 1);
+ if (127 < a.trackNum) throw "TrackNumber > 127 not supported";
+ return [a.trackNum | 128, a.timecode >> 8, a.timecode & 255, b].map(function(a) {
+ return String.fromCharCode(a)
+ }).join("") + a.frame
+ }
+
+ function q(a) {
+ for (var b = a.RIFF[0].WEBP[0], c = b.indexOf("\u009d\u0001*"),
+ e = 0, d = []; 4 > e; e++) d[e] = b.charCodeAt(c + 3 + e);
+ e = d[1] << 8 | d[0];
+ c = e & 16383;
+ e = d[3] << 8 | d[2];
+ return {
+ width: c,
+ height: e & 16383,
+ data: b,
+ riff: a
+ }
+ }
+
+ function k(a) {
+ for (var b = 0, c = {}; b < a.length;) {
+ var e = a.substr(b, 4),
+ d = parseInt(a.substr(b + 4, 4).split("").map(function(a) {
+ a = a.charCodeAt(0).toString(2);
+ return Array(8 - a.length + 1).join("0") + a
+ }).join(""), 2),
+ g = a.substr(b + 4 + 4, d),
+ b = b + (8 + d);
+ c[e] = c[e] || [];
+ "RIFF" == e || "LIST" == e ? c[e].push(k(g)) : c[e].push(g)
+ }
+ return c
+ }
+
+ function s(a) {
+ return [].slice.call(new Uint8Array((new Float64Array([a])).buffer),
+ 0).map(function(a) {
+ return String.fromCharCode(a)
+ }).reverse().join("")
+ }
+
+ function l(a, b) {
+ this.frames = [];
+ this.duration = 1E3 / a;
+ this.quality = b || .8
+ }
+ l.prototype.add = function(a, b) {
+ if ("undefined" != typeof b && this.duration) throw "you can't pass a duration if the fps is set";
+ if ("undefined" == typeof b && !this.duration) throw "if you don't have the fps set, you ned to have durations here.";
+ "canvas" in a && (a = a.canvas);
+ if ("toDataURL" in a) a = a.toDataURL("image/webp", this.quality);
+ else if ("string" != typeof a) throw "frame must be a a HTMLCanvasElement, a CanvasRenderingContext2D or a DataURI formatted string";
+ if (!/^data:image\/webp;base64,/ig.test(a)) throw "Input must be formatted properly as a base64 encoded DataURI of type image/webp";
+ this.frames.push({
+ image: a,
+ duration: b || this.duration
+ })
+ };
+ l.prototype.compile = function(a) {
+ return new h(this.frames.map(function(a) {
+ var c = q(k(atob(a.image.slice(23))));
+ c.duration = a.duration;
+ return c
+ }), a)
+ };
+ return {
+ Video: l,
+ fromImageArray: function(a, b, c) {
+ return h(a.map(function(a) {
+ a = q(k(atob(a.slice(23))));
+ a.duration = 1E3 / b;
+ return a
+ }), c)
+ },
+ toWebM: h
+ }
+}();
+
+playground.VideoRecorder = function(app, args) {
+
+ this.app = app;
+
+};
+
+playground.VideoRecorder.prototype = {
+
+ setup: function(args) {
+
+ this.region = false;
+
+ playground.extend(this, {
+ followMouse: false,
+ framerate: 20,
+ scale: 1
+ }, args);
+
+ if (!this.region) {
+ this.region = [0, 0, this.app.layer.width, this.app.layer.height];
+ }
+
+ this.playbackRate = this.framerate / 60;
+
+ this.layer = cq(this.region[2] * this.scale | 0, this.region[3] * this.scale | 0);
+ },
+
+ start: function(args) {
+ this.setup(args);
+ this.encoder = new Whammy.Video(this.framerate);
+ this.captureTimeout = 0;
+ this.recording = true;
+ },
+
+ step: function(delta) {
+
+ if (this.encoder) {
+
+ this.captureTimeout -= delta * 1000;
+
+ if (this.captureTimeout <= 0) {
+ this.captureTimeout = 1000 / this.framerate + this.captureTimeout;
+
+ this.layer.drawImage(this.app.layer.canvas, this.region[0], this.region[1], this.region[2], this.region[3], 0, 0, this.layer.width, this.layer.height);
+ this.encoder.add(this.layer.canvas);
+ }
+
+ this.app.screen.save().lineWidth(8).strokeStyle("#c00").strokeRect(0, 0, this.app.screen.width, this.app.screen.height).restore();
+ }
+
+ },
+
+ stop: function() {
+ if (!this.encoder) return;
+ var output = this.encoder.compile();
+ var url = (window.webkitURL || window.URL).createObjectURL(output);
+ window.open(url);
+ this.recording = false;
+
+ delete this.encoder;
+ },
+
+ toggle: function(args) {
+ if (this.encoder) this.stop();
+ else this.start(args);
+ }
+
+};
\ No newline at end of file