From 18dca7aee11f6619d9068450cd494d051e179807 Mon Sep 17 00:00:00 2001
From: Mat Groves <matgroves23@gmail.com>
Date: Wed, 20 Feb 2013 19:05:51 +0000
Subject: [PATCH] Documentation update

---
 README.md                                     |    9 +-
 bin/pixi.js                                   |   28 +-
 build/PixiBuild.xml                           |   20 +-
 docs/api.js                                   |   29 +
 docs/assets/css/external-small.png            |  Bin 0 -> 491 bytes
 docs/assets/css/logo.png                      |  Bin 0 -> 6308 bytes
 docs/assets/css/main.css                      |  782 +++++++
 docs/assets/favicon.png                       |  Bin 0 -> 740 bytes
 docs/assets/img/spinner.gif                   |  Bin 0 -> 2685 bytes
 docs/assets/index.html                        |   10 +
 docs/assets/js/api-filter.js                  |   52 +
 docs/assets/js/api-list.js                    |  251 +++
 docs/assets/js/api-search.js                  |   98 +
 docs/assets/js/apidocs.js                     |  365 ++++
 docs/assets/js/yui-prettify.js                |   17 +
 docs/assets/vendor/prettify/CHANGES.html      |  130 ++
 docs/assets/vendor/prettify/COPYING           |  202 ++
 docs/assets/vendor/prettify/README.html       |  203 ++
 docs/assets/vendor/prettify/prettify-min.css  |    1 +
 docs/assets/vendor/prettify/prettify-min.js   |    1 +
 docs/classes/AssetLoader.html                 |  353 ++++
 docs/classes/BaseTexture.html                 |  504 +++++
 docs/classes/CanvasRenderer.html              |  525 +++++
 docs/classes/DisplayObject.html               |  756 +++++++
 docs/classes/DisplayObjectContainer.html      |  973 +++++++++
 docs/classes/MovieClip.html                   |  826 ++++++++
 docs/classes/Point.html                       |  515 +++++
 docs/classes/Rectangle.html                   |  663 ++++++
 docs/classes/Sprite.html                      | 1579 ++++++++++++++
 docs/classes/SpriteSheetLoader.html           |  290 +++
 docs/classes/Stage.html                       | 1144 +++++++++++
 docs/classes/Texture.html                     |  966 +++++++++
 docs/classes/WebGLBatch.html                  | 1013 +++++++++
 docs/classes/WebGLRenderer.html               |  416 ++++
 docs/classes/index.html                       |   10 +
 docs/data.json                                | 1821 +++++++++++++++++
 docs/files/index.html                         |   10 +
 docs/files/pixi_DisplayObject.js.html         |  241 +++
 .../files/pixi_DisplayObjectContainer.js.html |  275 +++
 docs/files/pixi_MovieClip.js.html             |  234 +++
 docs/files/pixi_Pixi.js.html                  |  144 ++
 docs/files/pixi_Point.js.html                 |  176 ++
 docs/files/pixi_Rectangle.js.html             |  192 ++
 docs/files/pixi_Sprite.js.html                |  277 +++
 docs/files/pixi_Stage.js.html                 |  215 ++
 docs/files/pixi_extras_Rope.js.html           |  311 +++
 docs/files/pixi_extras_Strip.js.html          |  225 ++
 docs/files/pixi_loaders_AssetLoader.js.html   |  262 +++
 .../pixi_loaders_SpriteSheetLoader.js.html    |  236 +++
 .../pixi_renderers_CanvasRenderer.js.html     |  400 ++++
 docs/files/pixi_renderers_WebGLBatch.js.html  |  693 +++++++
 .../pixi_renderers_WebGLRenderer.js.html      |  823 ++++++++
 .../files/pixi_renderers_WebGLShaders.js.html |  204 ++
 docs/files/pixi_textures_BaseTexture.js.html  |  206 ++
 docs/files/pixi_textures_Texture.js.html      |  285 +++
 docs/files/pixi_utils_Detector.js.html        |  166 ++
 docs/files/pixi_utils_EventTarget.js.html     |  184 ++
 docs/files/pixi_utils_Utils.js.html           |  182 ++
 docs/index.html                               |  150 ++
 docs/modules/PIXI.html                        |  251 +++
 docs/modules/index.html                       |   10 +
 examples/bunny benchmark/css/main.css         |   13 +
 examples/bunny benchmark/index.html           |    3 +-
 examples/bunny benchmark/js/bunnyBenchMark.js |   28 +-
 examples/bunny benchmark/js/pixi.js           |  110 +
 examples/bunny benchmark/js/pixi.min.js       |   84 -
 logo.png                                      |  Bin 0 -> 28802 bytes
 src/pixi/DisplayObject.js                     |   18 +-
 src/pixi/DisplayObjectContainer.js            |   24 +-
 src/pixi/MovieClip.js                         |   21 +-
 src/pixi/Pixi.js                              |    8 +
 src/pixi/Point.js                             |   21 +-
 src/pixi/Rectangle.js                         |   36 +-
 src/pixi/Sprite.js                            |   43 +-
 src/pixi/Stage.js                             |   23 +-
 src/pixi/extras/Rope.js                       |    3 +-
 src/pixi/extras/Strip.js                      |    2 -
 src/pixi/loaders/AssetLoader.js               |   12 +-
 src/pixi/loaders/SpriteSheetLoader.js         |   19 +-
 src/pixi/renderers/CanvasRenderer.js          |   43 +-
 src/pixi/renderers/WebGLBatch.js              |   50 +-
 src/pixi/renderers/WebGLRenderer.js           |  109 +-
 src/pixi/renderers/WebGLShaders.js            |    1 -
 src/pixi/textures/BaseTexture.js              |   23 +-
 src/pixi/textures/Texture.js                  |   44 +-
 src/pixi/utils/Detector.js                    |    8 +-
 src/pixi/utils/EventTarget.js                 |    1 -
 src/yuidoc.json                               |    9 +
 88 files changed, 21329 insertions(+), 331 deletions(-)
 create mode 100644 docs/api.js
 create mode 100644 docs/assets/css/external-small.png
 create mode 100644 docs/assets/css/logo.png
 create mode 100644 docs/assets/css/main.css
 create mode 100644 docs/assets/favicon.png
 create mode 100644 docs/assets/img/spinner.gif
 create mode 100644 docs/assets/index.html
 create mode 100644 docs/assets/js/api-filter.js
 create mode 100644 docs/assets/js/api-list.js
 create mode 100644 docs/assets/js/api-search.js
 create mode 100644 docs/assets/js/apidocs.js
 create mode 100644 docs/assets/js/yui-prettify.js
 create mode 100644 docs/assets/vendor/prettify/CHANGES.html
 create mode 100644 docs/assets/vendor/prettify/COPYING
 create mode 100644 docs/assets/vendor/prettify/README.html
 create mode 100644 docs/assets/vendor/prettify/prettify-min.css
 create mode 100644 docs/assets/vendor/prettify/prettify-min.js
 create mode 100644 docs/classes/AssetLoader.html
 create mode 100644 docs/classes/BaseTexture.html
 create mode 100644 docs/classes/CanvasRenderer.html
 create mode 100644 docs/classes/DisplayObject.html
 create mode 100644 docs/classes/DisplayObjectContainer.html
 create mode 100644 docs/classes/MovieClip.html
 create mode 100644 docs/classes/Point.html
 create mode 100644 docs/classes/Rectangle.html
 create mode 100644 docs/classes/Sprite.html
 create mode 100644 docs/classes/SpriteSheetLoader.html
 create mode 100644 docs/classes/Stage.html
 create mode 100644 docs/classes/Texture.html
 create mode 100644 docs/classes/WebGLBatch.html
 create mode 100644 docs/classes/WebGLRenderer.html
 create mode 100644 docs/classes/index.html
 create mode 100644 docs/data.json
 create mode 100644 docs/files/index.html
 create mode 100644 docs/files/pixi_DisplayObject.js.html
 create mode 100644 docs/files/pixi_DisplayObjectContainer.js.html
 create mode 100644 docs/files/pixi_MovieClip.js.html
 create mode 100644 docs/files/pixi_Pixi.js.html
 create mode 100644 docs/files/pixi_Point.js.html
 create mode 100644 docs/files/pixi_Rectangle.js.html
 create mode 100644 docs/files/pixi_Sprite.js.html
 create mode 100644 docs/files/pixi_Stage.js.html
 create mode 100644 docs/files/pixi_extras_Rope.js.html
 create mode 100644 docs/files/pixi_extras_Strip.js.html
 create mode 100644 docs/files/pixi_loaders_AssetLoader.js.html
 create mode 100644 docs/files/pixi_loaders_SpriteSheetLoader.js.html
 create mode 100644 docs/files/pixi_renderers_CanvasRenderer.js.html
 create mode 100644 docs/files/pixi_renderers_WebGLBatch.js.html
 create mode 100644 docs/files/pixi_renderers_WebGLRenderer.js.html
 create mode 100644 docs/files/pixi_renderers_WebGLShaders.js.html
 create mode 100644 docs/files/pixi_textures_BaseTexture.js.html
 create mode 100644 docs/files/pixi_textures_Texture.js.html
 create mode 100644 docs/files/pixi_utils_Detector.js.html
 create mode 100644 docs/files/pixi_utils_EventTarget.js.html
 create mode 100644 docs/files/pixi_utils_Utils.js.html
 create mode 100644 docs/index.html
 create mode 100644 docs/modules/PIXI.html
 create mode 100644 docs/modules/index.html
 create mode 100644 examples/bunny benchmark/js/pixi.js
 delete mode 100644 examples/bunny benchmark/js/pixi.min.js
 create mode 100644 logo.png
 create mode 100644 src/pixi/Pixi.js
 create mode 100644 src/yuidoc.json

diff --git a/README.md b/README.md
index d012149..0dd6b82 100644
--- a/README.md
+++ b/README.md
@@ -14,13 +14,12 @@ Also its fast.
 ### Current features ###
 
 - webGL renderer (with automatic smart batching allowing for REALLY fast performance)
-- canvas renderer 
+- canvas renderer
 - full scene graph
-- super easy to use API (similar to the flash display list API)
+- super easy to use API (similar to twhe flash display list API)
 - support for texture atlas's
 - asset loader / sprite sheet loader
 - auto detect which renderer should be used
-- handles device context loss
 
 ### Coming soon ###
 
@@ -48,8 +47,8 @@ Also its fast.
 	
 	var stage = new PIXI.Stage;
 
-	var bunnyTexture = new PIXI.Texture("bunny.png");
-	var bunny = new PIXI.Sprite(rabbitTexture);
+	var bunnyTexture = new PIXI.Texture.fromImage("bunny.png");
+	var bunny = new PIXI.Sprite(bunnyTexture);
 	
 	bunny.position.x = 400;
 	bunny.position.y = 300;
diff --git a/bin/pixi.js b/bin/pixi.js
index df5858d..65add09 100644
--- a/bin/pixi.js
+++ b/bin/pixi.js
@@ -1,4 +1,4 @@
-window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(b){window.setTimeout(b,1E3/60)}}();var AjaxRequest=function(){var b=["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];if(window.ActiveXObject)for(var c=0;c<b.length;c++)try{return new ActiveXObject(b[c])}catch(f){}else return window.XMLHttpRequest?new XMLHttpRequest:!1};var PIXI=PIXI||{};PIXI.EventTarget=function(){var b={};this.addEventListener=function(c,f){void 0===b[c]&&(b[c]=[]);-1===b[c].indexOf(f)&&b[c].push(f)};this.dispatchEvent=function(c){for(var f in b[c.type])b[c.type][f](c)};this.removeEventListener=function(c,f){var e=b[c].indexOf(f);-1!==e&&b[c].splice(e,1)}};(function(b,c){"object"===typeof exports?module.exports=c(global):"function"===typeof define&&define.amd?define([],function(){return c(b)}):c(b)})(this,function(b){function c(a){return k=a}function f(){return k="undefined"!==typeof Float32Array?Float32Array:Array}var e={};if("undefined"!=typeof Float32Array){var g=new Float32Array(1),h=new Int32Array(g.buffer);e.invsqrt=function(a){g[0]=a;h[0]=1597463007-(h[0]>>1);var d=g[0];return d*(1.5-0.5*a*d*d)}}else e.invsqrt=function(a){return 1/Math.sqrt(a)};
+var PIXI=PIXI||{};PIXI.Point=function(b,c){this.x=b?b:0;this.y=c?c:0};PIXI.Point.clone=function(){return new PIXI.Point(this.x,this.y)};PIXI.Point.constructor=PIXI.Point;PIXI=PIXI||{};PIXI.Rectangle=function(b,c,f,e){this.x=b?b:0;this.y=c?c:0;this.width=f?f:0;this.height=e?e:0};PIXI.Point.clone=function(){return new PIXI.Rectangle(this.x,this.y,this.width,this.height)};PIXI.Rectangle.constructor=PIXI.Rectangle;window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(b){window.setTimeout(b,1E3/60)}}();var AjaxRequest=function(){var b=["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];if(window.ActiveXObject)for(var c=0;c<b.length;c++)try{return new ActiveXObject(b[c])}catch(f){}else return window.XMLHttpRequest?new XMLHttpRequest:!1};PIXI=PIXI||{};PIXI.EventTarget=function(){var b={};this.addEventListener=function(c,f){void 0===b[c]&&(b[c]=[]);-1===b[c].indexOf(f)&&b[c].push(f)};this.dispatchEvent=function(c){for(var f in b[c.type])b[c.type][f](c)};this.removeEventListener=function(c,f){var e=b[c].indexOf(f);-1!==e&&b[c].splice(e,1)}};(function(b,c){"object"===typeof exports?module.exports=c(global):"function"===typeof define&&define.amd?define([],function(){return c(b)}):c(b)})(this,function(b){function c(a){return k=a}function f(){return k="undefined"!==typeof Float32Array?Float32Array:Array}var e={};if("undefined"!=typeof Float32Array){var g=new Float32Array(1),h=new Int32Array(g.buffer);e.invsqrt=function(a){g[0]=a;h[0]=1597463007-(h[0]>>1);var d=g[0];return d*(1.5-0.5*a*d*d)}}else e.invsqrt=function(a){return 1/Math.sqrt(a)};
 var k=null;f();var l={create:function(a){var d=new k(3);a?(d[0]=a[0],d[1]=a[1],d[2]=a[2]):d[0]=d[1]=d[2]=0;return d},createFrom:function(a,d,j){var b=new k(3);b[0]=a;b[1]=d;b[2]=j;return b},set:function(a,d){d[0]=a[0];d[1]=a[1];d[2]=a[2];return d},equal:function(a,d){return a===d||1E-6>Math.abs(a[0]-d[0])&&1E-6>Math.abs(a[1]-d[1])&&1E-6>Math.abs(a[2]-d[2])},add:function(a,d,j){if(!j||a===j)return a[0]+=d[0],a[1]+=d[1],a[2]+=d[2],a;j[0]=a[0]+d[0];j[1]=a[1]+d[1];j[2]=a[2]+d[2];return j},subtract:function(a,
 d,j){if(!j||a===j)return a[0]-=d[0],a[1]-=d[1],a[2]-=d[2],a;j[0]=a[0]-d[0];j[1]=a[1]-d[1];j[2]=a[2]-d[2];return j},multiply:function(a,d,j){if(!j||a===j)return a[0]*=d[0],a[1]*=d[1],a[2]*=d[2],a;j[0]=a[0]*d[0];j[1]=a[1]*d[1];j[2]=a[2]*d[2];return j},negate:function(a,d){d||(d=a);d[0]=-a[0];d[1]=-a[1];d[2]=-a[2];return d},scale:function(a,d,j){if(!j||a===j)return a[0]*=d,a[1]*=d,a[2]*=d,a;j[0]=a[0]*d;j[1]=a[1]*d;j[2]=a[2]*d;return j},normalize:function(a,d){d||(d=a);var j=a[0],b=a[1],c=a[2],e=Math.sqrt(j*
 j+b*b+c*c);if(!e)return d[0]=0,d[1]=0,d[2]=0,d;if(1===e)return d[0]=j,d[1]=b,d[2]=c,d;e=1/e;d[0]=j*e;d[1]=b*e;d[2]=c*e;return d},cross:function(a,d,j){j||(j=a);var b=a[0],c=a[1];a=a[2];var e=d[0],n=d[1];d=d[2];j[0]=c*d-a*n;j[1]=a*e-b*d;j[2]=b*n-c*e;return j},length:function(a){var d=a[0],j=a[1];a=a[2];return Math.sqrt(d*d+j*j+a*a)},squaredLength:function(a){var d=a[0],j=a[1];a=a[2];return d*d+j*j+a*a},dot:function(a,d){return a[0]*d[0]+a[1]*d[1]+a[2]*d[2]},direction:function(a,d,j){j||(j=a);var b=
@@ -45,7 +45,7 @@ b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];c[2]=a[2]*b[2];c[3]=a[3]*b[3];return
 (b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=-a[3];return b},length:function(a){var b=a[0],c=a[1],e=a[2];a=a[3];return Math.sqrt(b*b+c*c+e*e+a*a)},squaredLength:function(a){var b=a[0],c=a[1],e=a[2];a=a[3];return b*b+c*c+e*e+a*a},lerp:function(a,b,c,e){e||(e=a);e[0]=a[0]+c*(b[0]-a[0]);e[1]=a[1]+c*(b[1]-a[1]);e[2]=a[2]+c*(b[2]-a[2]);e[3]=a[3]+c*(b[3]-a[3]);return e},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"}};b&&(b.glMatrixArrayType=k,b.MatrixArray=k,b.setMatrixArrayType=c,b.determineMatrixArrayType=
 f,b.glMath=e,b.vec2=M,b.vec3=l,b.vec4=N,b.mat2=L,b.mat3=x,b.mat4=t,b.quat4=m);return{glMatrixArrayType:k,MatrixArray:k,setMatrixArrayType:c,determineMatrixArrayType:f,glMath:e,vec2:M,vec3:l,vec4:N,mat2:L,mat3:x,mat4:t,quat4:m}});PIXI=PIXI||{};PIXI.shaderFragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor \x3d texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));","gl_FragColor \x3d gl_FragColor * vColor;","}"];
 PIXI.shaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform mat4 uMVMatrix;","varying vec2 vTextureCoord;","varying float vColor;","void main(void) {","gl_Position \x3d uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);","vTextureCoord \x3d aTextureCoord;","vColor \x3d aColor;","}"];
-PIXI.CompileVertexShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.VERTEX_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI.CompileFragmentShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.FRAGMENT_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI=PIXI||{};PIXI._defaultFrame={x:0,y:0,width:1,height:1};
+PIXI.CompileVertexShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.VERTEX_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI.CompileFragmentShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.FRAGMENT_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI=PIXI||{};PIXI._defaultFrame=new PIXI.Rectangle(0,0,1,1);
 PIXI.WebGLRenderer=function(b,c){this.width=b?b:800;this.height=c?c:600;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";var f=this;this.view.addEventListener("webglcontextlost",function(b){f.handleContextLost(b)},!1);this.view.addEventListener("webglcontextrestored",function(b){f.handleContextRestored(b)},!1);this.batchs=[];try{this.gl=this.view.getContext("experimental-webgl",{alpha:!1})}catch(e){throw Error(" This browser does not support webGL. Try using the canvas renderer"+
 this);}this.initShaders();var g=this.gl;this.batch=new PIXI.WebGLBatch(g);g.disable(g.DEPTH_TEST);g.enable(g.BLEND);g.colorMask(!0,!0,!0,!1);this.projectionMatrix=mat4.create();this.resize(this.width,this.height);this.contextLost=!1};PIXI.WebGLRenderer.constructor=PIXI.WebGLRenderer;
 PIXI.WebGLRenderer.prototype.initShaders=function(){var b=this.gl,c=PIXI.CompileFragmentShader(b,PIXI.shaderFragmentSrc),f=PIXI.CompileVertexShader(b,PIXI.shaderVertexSrc),e=this.shaderProgram=b.createProgram();b.attachShader(e,f);b.attachShader(e,c);b.linkProgram(e);b.getProgramParameter(e,b.LINK_STATUS)||alert("Could not initialise shaders");b.useProgram(e);e.vertexPositionAttribute=b.getAttribLocation(e,"aVertexPosition");b.enableVertexAttribArray(e.vertexPositionAttribute);e.textureCoordAttribute=
@@ -62,20 +62,12 @@ c.init(b);e?(e=this.batchs.indexOf(e),this.batchs.splice(e+1,0,c)):this.batchs.p
 PIXI.WebGLRenderer.prototype.removeDisplayObject=function(b){b.cacheVisible=b.visible;if(b.renderable){var c;if(b instanceof PIXI.Sprite){var f=b.batch;if(!f)return;f.remove(b);0==f.size&&(c=f)}else c=b;c&&(b=this.batchs.indexOf(c),-1!=b&&(!(0==b||b==this.batchs.length-1)&&this.batchs[b-1]instanceof PIXI.WebGLBatch&&this.batchs[b+1]instanceof PIXI.WebGLBatch&&this.batchs[b-1].texture==this.batchs[b+1].texture?(this.batchs[b-1].merge(this.batchs[b+1]),c instanceof PIXI.WebGLBatch&&PIXI._returnBatch(c),
 PIXI._returnBatch(this.batchs[b+1]),this.batchs.splice(b,2)):(this.batchs.splice(b,1),c instanceof PIXI.WebGLBatch&&PIXI._returnBatch(c))))}};PIXI.WebGLRenderer.prototype.resize=function(b,c){this.width=b;this.height=c;this.view.width=b;this.view.height=c;this.gl.viewport(0,0,this.width,this.height);mat4.identity(this.projectionMatrix);mat4.scale(this.projectionMatrix,[2/this.width,-2/this.height,1]);mat4.translate(this.projectionMatrix,[-this.width/2,-this.height/2,0])};
 PIXI.WebGLRenderer.prototype.initStrip=function(b){var c=this.gl;b._vertexBuffer=c.createBuffer();b._indexBuffer=c.createBuffer();b._uvBuffer=c.createBuffer();b._colorBuffer=c.createBuffer();c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer);c.bufferData(c.ARRAY_BUFFER,b.verticies,c.DYNAMIC_DRAW);c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer);c.bufferData(c.ARRAY_BUFFER,b.uvs,c.STATIC_DRAW);c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer);c.bufferData(c.ARRAY_BUFFER,b.colors,c.STATIC_DRAW);c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,
-b._indexBuffer);c.bufferData(c.ELEMENT_ARRAY_BUFFER,b.indices,c.STATIC_DRAW)};var bloop=!0;
+b._indexBuffer);c.bufferData(c.ELEMENT_ARRAY_BUFFER,b.indices,c.STATIC_DRAW)};
 PIXI.WebGLRenderer.prototype.renderStrip=function(b){var c=this.gl,f=this.shaderProgram,e=mat3.toMat4(b.worldTransform);mat4.transpose(e);mat4.multiply(this.projectionMatrix,e,e);c.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,e);b.blendMode==PIXI.blendModes.NORMAL?c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA):c.blendFunc(c.ONE,c.ONE_MINUS_SRC_COLOR);b.dirty?(b.dirty=!1,c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer),c.bufferData(c.ARRAY_BUFFER,b.verticies,c.STATIC_DRAW),c.vertexAttribPointer(f.vertexPositionAttribute,
 2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer),c.bufferData(c.ARRAY_BUFFER,b.uvs,c.STATIC_DRAW),c.vertexAttribPointer(f.textureCoordAttribute,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,b.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer),c.bufferData(c.ARRAY_BUFFER,b.colors,c.STATIC_DRAW),c.vertexAttribPointer(f.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,b._indexBuffer),c.bufferData(c.ELEMENT_ARRAY_BUFFER,
 b.indices,c.STATIC_DRAW)):(c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer),c.bufferSubData(c.ARRAY_BUFFER,0,b.verticies),c.vertexAttribPointer(f.vertexPositionAttribute,2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer),c.vertexAttribPointer(f.textureCoordAttribute,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,b.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer),c.vertexAttribPointer(f.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,
 b._indexBuffer));c.drawElements(c.TRIANGLE_STRIP,b.indices.length,c.UNSIGNED_SHORT,0);c.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,this.projectionMatrix)};PIXI.WebGLRenderer.prototype.handleContextLost=function(b){b.preventDefault();this.contextLost=!0};
-PIXI.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0});this.initShaders();for(var b=0;b<PIXI.TextureCache.length;b++)this.updateTexture(PIXI.TextureCache[b]);for(b=0;b<this.batchs.length;b++)this.batchs[b].restoreLostContext(this.gl),this.batchs[b].dirty=!0;PIXI._restoreBatchs(this.gl);this.contextLost=!1};PIXI=PIXI||{};PIXI.CanvasRenderer=function(b,c){this.width=b?b:800;this.height=c?c:600;this.refresh=!0;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";this.count=0;this.context=this.view.getContext("2d")};PIXI.CanvasRenderer.constructor=PIXI.CanvasRenderer;
-PIXI.CanvasRenderer.prototype.render=function(b){b.__childrenAdded=[];b.__childrenRemoved=[];PIXI.texturesToUpdate=[];this.context.setTransform(1,0,0,1,0,0);b.updateTransform();this.context.setTransform(1,0,0,1,0,0);this.context.clearRect(0,0,this.width,this.height);this.renderDisplayObject(b)};PIXI.CanvasRenderer.prototype.resize=function(b,c){this.width=b;this.height=c;this.view.width=b;this.view.height=c};
-PIXI.CanvasRenderer.prototype.renderDisplayObject=function(b){var c=b.worldTransform,f=this.context;f.globalCompositeOperation="source-over";if(b.visible){if(b instanceof PIXI.Sprite){var e=b.texture.frame;e&&(f.globalAlpha=b.worldAlpha,0==b.rotation?(this.context.setTransform(1,0,0,1,0,0),f.drawImage(b.texture.baseTexture.image,e.x,e.y,e.width,e.height,c[2]+b.anchor.x*-e.width+0.5|0,c[5]+b.anchor.y*-e.height+0.5|0,e.width*c[0],e.height*c[4])):(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),f.drawImage(b.texture.baseTexture.image,
-e.x,e.y,e.width,e.height,b.anchor.x*-e.width,b.anchor.y*-e.height,e.width,e.height)))}else b instanceof PIXI.Strip&&(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),this.renderStrip(b));for(c=0;c<b.children.length;c++)this.renderDisplayObject(b.children[c])}};
-PIXI.CanvasRenderer.prototype.renderStripFlat=function(b){var c=this.context;b=b.verticies;var f=b.length/2;this.count++;c.beginPath();for(var e=1;e<f-2;e++){var g=2*e,h=b[g+2],k=b[g+4],l=b[g+3],p=b[g+5];c.moveTo(b[g],b[g+1]);c.lineTo(h,l);c.lineTo(k,p)}c.fillStyle="#FF0000";c.fill();c.closePath()};
-PIXI.CanvasRenderer.prototype.renderStrip=function(b){var c=this.context,f=b.verticies,e=b.uvs,g=f.length/2;this.count++;for(var h=1;h<g-2;h++){var k=2*h,l=f[k],p=f[k+2],q=f[k+4],C=f[k+1],F=f[k+3],u=f[k+5],w=e[k]*b.texture.width,x=e[k+2]*b.texture.width,t=e[k+4]*b.texture.width,m=e[k+1]*b.texture.height,H=e[k+3]*b.texture.height,k=e[k+5]*b.texture.height;c.save();c.beginPath();c.moveTo(l,C);c.lineTo(p,F);c.lineTo(q,u);c.closePath();c.clip();var B=w*H+m*t+x*k-H*t-m*x-w*k;c.transform((l*H+m*q+p*k-H*
-q-m*p-l*k)/B,(C*H+m*u+F*k-H*u-m*F-C*k)/B,(w*p+l*t+x*q-p*t-l*x-w*q)/B,(w*F+C*t+x*u-F*t-C*x-w*u)/B,(w*H*q+m*p*t+l*x*k-l*H*t-m*x*q-w*p*k)/B,(w*H*u+m*F*t+C*x*k-C*H*t-m*x*u-w*F*k)/B);c.drawImage(b.texture.baseTexture.image,0,0);c.restore()}};PIXI=PIXI||{};PIXI.Point=function(b,c){this.x=b?b:0;this.y=c?c:0};PIXI.Point.clone=function(){return new PIXI.Point(this.x,this.y)};PIXI.Point.constructor=PIXI.Point;PIXI=PIXI||{};PIXI.Rectangle=function(b,c,f,e){this.x=b?b:0;this.y=c?c:0;this.width=f?f:0;this.height=e?e:0};PIXI.Point.clone=function(){return new PIXI.Rectangle(this.x,this.y,this.width,this.height)};PIXI.Rectangle.constructor=PIXI.Rectangle;PIXI=PIXI||{};PIXI.DisplayObject=function(){this.position=new PIXI.Point;this.scale=new PIXI.Point(1,1);this.rotation=0;this.alpha=1;this.visible=!0;this.stage=this.parent=null;this.worldAlpha=1;this.color=[];this.worldTransform=mat3.identity();this.localTransform=mat3.identity();this.dynamic=!0;this._sr=0;this._cr=1;this.renderable=!1};PIXI.DisplayObject.constructor=PIXI.DisplayObject;
-PIXI.DisplayObject.prototype.updateTransform=function(){this.rotation!=this.rotationCache&&(this.rotationCach=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));this.localTransform[0]=this._cr*this.scale.x;this.localTransform[1]=-this._sr*this.scale.y;this.localTransform[3]=this._sr*this.scale.x;this.localTransform[4]=this._cr*this.scale.y;this.localTransform[2]=this.position.x;this.localTransform[5]=this.position.y;mat3.multiply(this.localTransform,this.parent.worldTransform,
-this.worldTransform);this.worldAlpha=this.alpha*this.parent.worldAlpha};PIXI=PIXI||{};PIXI._batchs=[];PIXI._getBatch=function(b){return 0==PIXI._batchs.length?new PIXI.WebGLBatch(b):PIXI._batchs.pop()};PIXI._returnBatch=function(b){b.clean();PIXI._batchs.push(b)};PIXI._restoreBatchs=function(b){for(var c=0;c<PIXI._batchs.length;c++)PIXI._batchs[c].restoreLostContext(b)};
+PIXI.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0});this.initShaders();for(var b=0;b<PIXI.TextureCache.length;b++)this.updateTexture(PIXI.TextureCache[b]);for(b=0;b<this.batchs.length;b++)this.batchs[b].restoreLostContext(this.gl),this.batchs[b].dirty=!0;PIXI._restoreBatchs(this.gl);this.contextLost=!1};PIXI=PIXI||{};PIXI._batchs=[];PIXI._getBatch=function(b){return 0==PIXI._batchs.length?new PIXI.WebGLBatch(b):PIXI._batchs.pop()};PIXI._returnBatch=function(b){b.clean();PIXI._batchs.push(b)};PIXI._restoreBatchs=function(b){for(var c=0;c<PIXI._batchs.length;c++)PIXI._batchs[c].restoreLostContext(b)};
 PIXI.WebGLBatch=function(b){this.gl=b;this.size=0;this.vertexBuffer=b.createBuffer();this.indexBuffer=b.createBuffer();this.uvBuffer=b.createBuffer();this.colorBuffer=b.createBuffer();this.blendMode=PIXI.blendModes.NORMAL;this.dynamicSize=1};PIXI.WebGLBatch.constructor=PIXI.WebGLBatch;PIXI.WebGLBatch.prototype.clean=function(){this.verticies=[];this.uvs=[];this.indices=[];this.colors=[];this.dynamicSize=1;this.last=this.texture=null;this.size=0;this.head;this.tail};
 PIXI.WebGLBatch.prototype.restoreLostContext=function(b){this.gl=b;this.vertexBuffer=b.createBuffer();this.indexBuffer=b.createBuffer();this.uvBuffer=b.createBuffer();this.colorBuffer=b.createBuffer()};PIXI.WebGLBatch.prototype.init=function(b){b.batch=this;this.dirty=!0;this.blendMode=b.blendMode;this.texture=b.texture.baseTexture;this.tail=this.head=b;this.size=1;this.growBatch()};
 PIXI.WebGLBatch.prototype.insertBefore=function(b,c){this.size++;b.batch=this;this.dirty=!0;var f=c.__prev;c.__prev=b;b.__next=c;f?(b.__prev=f,f.__next=b):this.head=b};PIXI.WebGLBatch.prototype.insertAfter=function(b,c){this.size++;b.batch=this;this.dirty=!0;var f=c.__next;c.__next=b;b.__prev=c;f?(b.__next=f,f.__prev=b):this.tail=b};
@@ -88,7 +80,15 @@ PIXI.WebGLBatch.prototype.refresh=function(){this.dynamicSize<this.size&&this.gr
 PIXI.WebGLBatch.prototype.update=function(){for(var b,c,f,e,g,h,k,l,p,q,C,F=0,u=this.head;u;)c=u.width,f=u.height,e=u.anchor.x,g=u.anchor.y,h=c*(1-e),c*=-e,e=f*(1-g),g=f*-g,f=8*F,b=u.worldTransform,k=b[0],l=b[3],p=b[1],q=b[4],C=b[2],b=b[5],this.verticies[f+0]=k*c+p*g+C,this.verticies[f+1]=q*g+l*c+b,this.verticies[f+2]=k*h+p*g+C,this.verticies[f+3]=q*g+l*h+b,this.verticies[f+4]=k*h+p*e+C,this.verticies[f+5]=q*e+l*h+b,this.verticies[f+6]=k*c+p*e+C,this.verticies[f+7]=q*e+l*c+b,u.updateFrame&&(this.dirtyUVS=
 !0,e=u.texture,h=e.frame,c=e.baseTexture.width,e=e.baseTexture.height,this.uvs[f+0]=h.x/c,this.uvs[f+1]=h.y/e,this.uvs[f+2]=(h.x+h.width)/c,this.uvs[f+3]=h.y/e,this.uvs[f+4]=(h.x+h.width)/c,this.uvs[f+5]=(h.y+h.height)/e,this.uvs[f+6]=h.x/c,this.uvs[f+7]=(h.y+h.height)/e,u.updateFrame=!1),u.cacheAlpha!=u.alpha&&(u.cacheAlpha=u.alpha,h=4*F,this.colors[void 0]=this.colors[h+1]=this.colors[h+2]=this.colors[h+3]=u.worldAlpha,this.dirtyColors=!0),F++,u=u.__next};
 PIXI.WebGLBatch.prototype.render=function(){this.dirty&&(this.refresh(),this.dirty=!1);if(0!=this.size){this.update();var b=this.gl;this.blendMode==PIXI.blendModes.NORMAL?b.blendFunc(b.ONE,b.ONE_MINUS_SRC_ALPHA):b.blendFunc(b.ONE,b.ONE_MINUS_SRC_COLOR);var c=PIXI.shaderProgram;b.bindBuffer(b.ARRAY_BUFFER,this.vertexBuffer);b.bufferSubData(b.ARRAY_BUFFER,0,this.verticies);b.vertexAttribPointer(c.vertexPositionAttribute,2,b.FLOAT,!1,0,0);b.bindBuffer(b.ARRAY_BUFFER,this.uvBuffer);this.dirtyUVS&&(this.dirtyUVS=
-!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.uvs));b.vertexAttribPointer(c.textureCoordAttribute,2,b.FLOAT,!1,0,0);b.activeTexture(b.TEXTURE0);b.bindTexture(b.TEXTURE_2D,this.texture._glTexture);b.bindBuffer(b.ARRAY_BUFFER,this.colorBuffer);this.dirtyColors&&(this.dirtyColors=!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.colors));b.vertexAttribPointer(c.colorAttribute,1,b.FLOAT,!1,0,0);b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,this.indexBuffer);b.drawElements(b.TRIANGLES,6*this.size,b.UNSIGNED_SHORT,0)}};PIXI=PIXI||{};PIXI.DisplayObjectContainer=function(){PIXI.DisplayObject.call(this);this.children=[];this.renderable=!1};PIXI.DisplayObjectContainer.constructor=PIXI.DisplayObjectContainer;PIXI.DisplayObjectContainer.prototype=Object.create(PIXI.DisplayObject.prototype);PIXI.DisplayObjectContainer.prototype.addChild=function(b){void 0!=b.parent&&b.parent.removeChild(b);b.parent=this;b.childIndex=this.children.length;this.children.push(b);this.stage&&this.stage.__addChild(b)};
+!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.uvs));b.vertexAttribPointer(c.textureCoordAttribute,2,b.FLOAT,!1,0,0);b.activeTexture(b.TEXTURE0);b.bindTexture(b.TEXTURE_2D,this.texture._glTexture);b.bindBuffer(b.ARRAY_BUFFER,this.colorBuffer);this.dirtyColors&&(this.dirtyColors=!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.colors));b.vertexAttribPointer(c.colorAttribute,1,b.FLOAT,!1,0,0);b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,this.indexBuffer);b.drawElements(b.TRIANGLES,6*this.size,b.UNSIGNED_SHORT,0)}};PIXI=PIXI||{};PIXI.CanvasRenderer=function(b,c){this.width=b?b:800;this.height=c?c:600;this.refresh=!0;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";this.count=0;this.context=this.view.getContext("2d")};PIXI.CanvasRenderer.constructor=PIXI.CanvasRenderer;
+PIXI.CanvasRenderer.prototype.render=function(b){b.__childrenAdded=[];b.__childrenRemoved=[];PIXI.texturesToUpdate=[];this.context.setTransform(1,0,0,1,0,0);b.updateTransform();this.context.setTransform(1,0,0,1,0,0);this.context.clearRect(0,0,this.width,this.height);this.renderDisplayObject(b)};PIXI.CanvasRenderer.prototype.resize=function(b,c){this.width=b;this.height=c;this.view.width=b;this.view.height=c};
+PIXI.CanvasRenderer.prototype.renderDisplayObject=function(b){var c=b.worldTransform,f=this.context;f.globalCompositeOperation="source-over";if(b.visible){if(b instanceof PIXI.Sprite){var e=b.texture.frame;e&&(f.globalAlpha=b.worldAlpha,0==b.rotation?(this.context.setTransform(1,0,0,1,0,0),f.drawImage(b.texture.baseTexture.image,e.x,e.y,e.width,e.height,c[2]+b.anchor.x*-e.width+0.5|0,c[5]+b.anchor.y*-e.height+0.5|0,e.width*c[0],e.height*c[4])):(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),f.drawImage(b.texture.baseTexture.image,
+e.x,e.y,e.width,e.height,b.anchor.x*-e.width,b.anchor.y*-e.height,e.width,e.height)))}else b instanceof PIXI.Strip&&(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),this.renderStrip(b));for(c=0;c<b.children.length;c++)this.renderDisplayObject(b.children[c])}};
+PIXI.CanvasRenderer.prototype.renderStripFlat=function(b){var c=this.context;b=b.verticies;var f=b.length/2;this.count++;c.beginPath();for(var e=1;e<f-2;e++){var g=2*e,h=b[g+2],k=b[g+4],l=b[g+3],p=b[g+5];c.moveTo(b[g],b[g+1]);c.lineTo(h,l);c.lineTo(k,p)}c.fillStyle="#FF0000";c.fill();c.closePath()};
+PIXI.CanvasRenderer.prototype.renderStrip=function(b){var c=this.context,f=b.verticies,e=b.uvs,g=f.length/2;this.count++;for(var h=1;h<g-2;h++){var k=2*h,l=f[k],p=f[k+2],q=f[k+4],C=f[k+1],F=f[k+3],u=f[k+5],w=e[k]*b.texture.width,x=e[k+2]*b.texture.width,t=e[k+4]*b.texture.width,m=e[k+1]*b.texture.height,H=e[k+3]*b.texture.height,k=e[k+5]*b.texture.height;c.save();c.beginPath();c.moveTo(l,C);c.lineTo(p,F);c.lineTo(q,u);c.closePath();c.clip();var B=w*H+m*t+x*k-H*t-m*x-w*k;c.transform((l*H+m*q+p*k-H*
+q-m*p-l*k)/B,(C*H+m*u+F*k-H*u-m*F-C*k)/B,(w*p+l*t+x*q-p*t-l*x-w*q)/B,(w*F+C*t+x*u-F*t-C*x-w*u)/B,(w*H*q+m*p*t+l*x*k-l*H*t-m*x*q-w*p*k)/B,(w*H*u+m*F*t+C*x*k-C*H*t-m*x*u-w*F*k)/B);c.drawImage(b.texture.baseTexture.image,0,0);c.restore()}};PIXI=PIXI||{};PIXI.DisplayObject=function(){this.position=new PIXI.Point;this.scale=new PIXI.Point(1,1);this.rotation=0;this.alpha=1;this.visible=!0;this.stage=this.parent=null;this.worldAlpha=1;this.color=[];this.worldTransform=mat3.identity();this.localTransform=mat3.identity();this.dynamic=!0;this._sr=0;this._cr=1;this.renderable=!1};PIXI.DisplayObject.constructor=PIXI.DisplayObject;
+PIXI.DisplayObject.prototype.updateTransform=function(){this.rotation!=this.rotationCache&&(this.rotationCach=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));this.localTransform[0]=this._cr*this.scale.x;this.localTransform[1]=-this._sr*this.scale.y;this.localTransform[3]=this._sr*this.scale.x;this.localTransform[4]=this._cr*this.scale.y;this.localTransform[2]=this.position.x;this.localTransform[5]=this.position.y;mat3.multiply(this.localTransform,this.parent.worldTransform,
+this.worldTransform);this.worldAlpha=this.alpha*this.parent.worldAlpha};PIXI=PIXI||{};PIXI.DisplayObjectContainer=function(){PIXI.DisplayObject.call(this);this.children=[];this.renderable=!1};PIXI.DisplayObjectContainer.constructor=PIXI.DisplayObjectContainer;PIXI.DisplayObjectContainer.prototype=Object.create(PIXI.DisplayObject.prototype);PIXI.DisplayObjectContainer.prototype.addChild=function(b){void 0!=b.parent&&b.parent.removeChild(b);b.parent=this;b.childIndex=this.children.length;this.children.push(b);this.stage&&this.stage.__addChild(b)};
 PIXI.DisplayObjectContainer.prototype.addChildAt=function(b,c){if(0<=c&&c<=this.children.length){void 0!=b.parent&&b.parent.removeChild(b);c==this.children.length?this.children.push(b):this.children.splice(c,0,b);b.parent=this;b.childIndex=c;for(var f=this.children.length,e=c;e<f;e++)this.children[e].childIndex=e;this.stage&&this.stage.__addChild(b)}else throw Error(b+" The index supplied is out of bounds "+this);};
 PIXI.DisplayObjectContainer.prototype.removeChild=function(b){var c=this.children.indexOf(b);if(-1!==c){this.stage&&this.stage.__removeChild(b);b.parent=void 0;this.children.splice(c,1);b=c;for(c=this.children.length;b<c;b++)this.children[b].childIndex-=1}else throw Error(b+" The supplied DisplayObject must be a child of the caller "+this);};
 PIXI.DisplayObjectContainer.prototype.updateTransform=function(){if(this.visible){PIXI.DisplayObject.prototype.updateTransform.call(this);for(var b=0,c=this.children.length;b<c;b++)this.children[b].updateTransform()}};PIXI=PIXI||{};PIXI.Stage=function(){PIXI.DisplayObjectContainer.call(this);this.worldTransform=mat3.identity();this.__childrenAdded=[];this.__childrenRemoved=[];this.childIndex=0;this.stage=this};PIXI.Stage.constructor=PIXI.Stage;PIXI.Stage.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Stage.prototype.updateTransform=function(){this.worldAlpha=1;for(var b=0,c=this.children.length;b<c;b++)this.children[b].updateTransform()};
@@ -97,7 +97,7 @@ PIXI.Sprite=function(b){PIXI.DisplayObjectContainer.call(this);this.anchor=new P
 PIXI.Sprite.prototype.setTexture=function(b){this.texture.baseTexture!=b.baseTexture&&(this.textureChange=!0);this.texture=b;this.width=b.frame.width;this.height=b.frame.height;this.updateFrame=!0};PIXI.Sprite.prototype.onTextureUpdate=function(){this.width=this.texture.frame.width;this.height=this.texture.frame.height;this.updateFrame=!0};PIXI.Sprite.fromFrame=function(b){var c=PIXI.TextureCache[b];if(!c)throw Error("The frameId '"+b+"' does not exist in the texture cache"+this);return new PIXI.Sprite(c)};
 PIXI.Sprite.fromImage=function(b){b=PIXI.Texture.fromImage(b);return new PIXI.Sprite(b)};PIXI=PIXI||{};
 PIXI.Strip=function(b,c,f){PIXI.DisplayObjectContainer.call(this);this.texture=b;this.blendMode=PIXI.blendModes.NORMAL;try{this.uvs=new Float32Array([0,1,1,1,1,0,0,1]),this.verticies=new Float32Array([0,0,0,0,0,0,0,0,0]),this.colors=new Float32Array([1,1,1,1]),this.indices=new Uint16Array([0,1,2,3])}catch(e){this.uvs=[0,1,1,1,1,0,0,1],this.verticies=[0,0,0,0,0,0,0,0,0],this.colors=[1,1,1,1],this.indices=[0,1,2,3]}this.width=c;this.height=f;b.baseTexture.hasLoaded?(this.width=this.texture.frame.width,this.height=
-this.texture.frame.height,this.updateFrame=!0):(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind));this.renderable=!0};PIXI.Strip.constructor=PIXI.Strip;PIXI.Strip.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Strip.prototype.setTexture=function(b){this.texture=b;this.width=b.frame.width;this.height=b.frame.height;this.updateFrame=!0};PIXI.Strip.prototype.onTextureUpdate=function(){this.updateFrame=!0};PIXI=PIXI||{};PIXI.Rope=function(b,c){PIXI.Strip.call(this,b);this.points=c;try{this.verticies=new Float32Array(4*c.length),this.uvs=new Float32Array(4*c.length),this.colors=new Float32Array(2*c.length),this.indices=new Uint16Array(2*c.length)}catch(f){this.verticies=verticies,this.uvs=uvs,this.colors=colors,this.indices=indices}this.refresh()};PIXI.Rope.constructor=GAME.Rope;PIXI.Rope.prototype=Object.create(PIXI.Strip.prototype);
+this.texture.frame.height,this.updateFrame=!0):(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind));this.renderable=!0};PIXI.Strip.constructor=PIXI.Strip;PIXI.Strip.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Strip.prototype.setTexture=function(b){this.texture=b;this.width=b.frame.width;this.height=b.frame.height;this.updateFrame=!0};PIXI.Strip.prototype.onTextureUpdate=function(){this.updateFrame=!0};PIXI=PIXI||{};PIXI.Rope=function(b,c){PIXI.Strip.call(this,b);this.points=c;try{this.verticies=new Float32Array(4*c.length),this.uvs=new Float32Array(4*c.length),this.colors=new Float32Array(2*c.length),this.indices=new Uint16Array(2*c.length)}catch(f){this.verticies=verticies,this.uvs=uvs,this.colors=colors,this.indices=indices}this.refresh()};PIXI.Rope.constructor=PIXI.Rope;PIXI.Rope.prototype=Object.create(PIXI.Strip.prototype);
 PIXI.Rope.prototype.refresh=function(){var b=this.points;if(!(1>b.length)){var c=this.uvs,f=this.indices,e=this.colors;this.count-=0.2;c[0]=0;c[1]=1;c[2]=0;c[3]=1;e[0]=1;e[1]=1;f[0]=0;f[1]=1;for(var b=b.length,g=1;g<b;g++){var h=4*g,k=g/(b-1);c[h]=k;c[h+1]=0;c[h+2]=k;c[h+3]=1;h=2*g;e[h]=1;e[h+1]=1;h=2*g;f[h]=h;f[h+1]=h+1}}};
 PIXI.Rope.prototype.updateTransform=function(){var b=this.points;if(!(1>b.length)){var c=this.verticies,f=b[0],e,g=e=0,h=b[0];this.count-=0.2;c[0]=h.x+e;c[1]=h.y+g;c[2]=h.x-e;c[3]=h.y-g;for(var k=b.length,l=1;l<k;l++){var h=b[l],p=4*l;e=l<b.length-1?b[l+1]:h;g=-(e.x-f.x);e=e.y-f.y;var f=Math.sqrt(e*e+g*g),q=this.texture.height/2;e/=f;g/=f;e*=q;g*=q;c[p]=h.x+e;c[p+1]=h.y+g;c[p+2]=h.x-e;c[p+3]=h.y-g;f=h}PIXI.DisplayObjectContainer.prototype.updateTransform.call(this)}};
 PIXI.Rope.prototype.setTexture=function(b){this.texture=b;this.updateFrame=!0};PIXI=PIXI||{};PIXI.MovieClip=function(b){PIXI.Sprite.call(this,b[0]);this.textures=b;this.currentFrame=0;this.animationSpeed=1};PIXI.MovieClip.constructor=PIXI.MovieClip;PIXI.MovieClip.prototype=Object.create(PIXI.Sprite.prototype);PIXI.MovieClip.prototype.stop=function(){this.playing=!1};PIXI.MovieClip.prototype.play=function(){this.playing=!0};PIXI.MovieClip.prototype.gotoAndStop=function(b){this.playing=!1;this.currentFrame=b;this.setTexture(this.textures[(this.currentFrame+0.5|0)%this.textures.length])};
diff --git a/build/PixiBuild.xml b/build/PixiBuild.xml
index 8ca5527..49d2624 100644
--- a/build/PixiBuild.xml
+++ b/build/PixiBuild.xml
@@ -10,32 +10,40 @@
  
   <target name="run">
    
-  	 <jscomp compilationLevel="simple" debug="false" output="../bin/pixi.js">
+  	 <jscomp compilationLevel="simple" debug="false" output="../../Flash vs HTML/js/pixi.js">
   	 
 
-  	 	
+        
       <sources dir="../src/pixi/">
+        <file name="Point.js"/>
+      	<file name="Rectangle.js"/>
         <file name="utils/Utils.js"/>
       	<file name="utils/EventTarget.js"/>
 		<file name="utils/gl-matrix-min.js"/>
+
 		<file name="renderers/WebGLShaders.js"/>
 		<file name="renderers/WebGLRenderer.js"/>
-		<file name="renderers/CanvasRenderer.js"/>
-		<file name="Point.js"/>
-      	<file name="Rectangle.js"/>
-      	<file name="DisplayObject.js"/>
 		<file name="renderers/WebGLBatch.js"/>
+		
+		<file name="renderers/CanvasRenderer.js"/>
+		
+		
+      	<file name="DisplayObject.js"/>
 		<file name="DisplayObjectContainer.js"/>
 		<file name="Stage.js"/>
 		<file name="Sprite.js"/>
 		<file name="extras/Strip.js"/>
 		<file name="extras/Rope.js"/>
 		<file name="MovieClip.js"/>
+		
 		<file name="textures/BaseTexture.js"/>
 		<file name="textures/Texture.js"/>
+		
 		<file name="utils/Detector.js"/>
 		<file name="loaders/SpriteSheetLoader.js"/>
 		<file name="loaders/AssetLoader.js"/>
+		
+	
       </sources>
  
 	</jscomp>
diff --git a/docs/api.js b/docs/api.js
new file mode 100644
index 0000000..ac07693
--- /dev/null
+++ b/docs/api.js
@@ -0,0 +1,29 @@
+YUI.add("yuidoc-meta", function(Y) {
+   Y.YUIDoc = { meta: {
+    "classes": [
+        "AssetLoader",
+        "BaseTexture",
+        "CanvasRenderer",
+        "DisplayObject",
+        "DisplayObjectContainer",
+        "MovieClip",
+        "Point",
+        "Rectangle",
+        "Sprite",
+        "SpriteSheetLoader",
+        "Stage",
+        "Texture",
+        "WebGLBatch",
+        "WebGLRenderer"
+    ],
+    "modules": [
+        "PIXI"
+    ],
+    "allModules": [
+        {
+            "displayName": "PIXI",
+            "name": "PIXI"
+        }
+    ]
+} };
+});
\ No newline at end of file
diff --git a/docs/assets/css/external-small.png b/docs/assets/css/external-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..759a1cdcb5b1697e5be290d98b830e279cd71f3c
GIT binary patch
literal 491
zcmV<H0Tlj;P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzjY&j7RCwBA{Qv(y10{fofkHsB0W2_v
zUBVFtR#sLp=H=xBVFzYr=KaWuf!;khr%J>Ds{zR1^XE?tfB*h@ASKHAa7wwn{MEbP
z7_^nS7{V*>+A}bS;P%45fB%Ai|Neasi2rl3{=EO;!w318%8Ovl7jArHc=P5Brfr~D
z0AYimtss2w$hlYlfd>7*aO3TNzw875LBK0xAD9Np|A(oEVYnB*eE9~V6wP%78SXuL
z&#-X)Er#`zY#Ce<cQE|@_n*NrZu>)^8hM<t@c%yx7=Qlqo#E+=&kU8xDhyfmhZ%Ci
zB^dtyV`g~#;=9AYe+-T|4Pa;I2jl<${xZmkvoM^x_?{uwM}|RLMTp_`2UZ3)Hogb%
z@2x(7(}2e(%NV%1Med)x^p}B+U4TJPLyAFJUXtPFBQCJ`lT(!p@9(X`oen;~J|q6|
z@wSPb3!@4d7=I%C`v334k56{?0OcisymvtS3)uihSYBXcWaI%-d^i%^A0P&W@^_&6
hzgP_zx|s<ezyP)2!%xqD#*+X5002ovPDHLkV1nUx>>B_8

literal 0
HcmV?d00001

diff --git a/docs/assets/css/logo.png b/docs/assets/css/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..609b336c7cc5ef0c787a0068d221d9b8d69b1241
GIT binary patch
literal 6308
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
a0R{k+kX}`<%LV)Z0000<MNUMnLSTX_={r~e

literal 0
HcmV?d00001

diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
new file mode 100644
index 0000000..f8f7ee7
--- /dev/null
+++ b/docs/assets/css/main.css
@@ -0,0 +1,782 @@
+/*
+Font sizes for all selectors other than the body are given in percentages,
+with 100% equal to 13px. To calculate a font size percentage, multiply the
+desired size in pixels by 7.6923076923.
+
+Here's a quick lookup table:
+
+10px - 76.923%
+11px - 84.615%
+12px - 92.308%
+13px - 100%
+14px - 107.692%
+15px - 115.385%
+16px - 123.077%
+17px - 130.769%
+18px - 138.462%
+19px - 146.154%
+20px - 153.846%
+*/
+
+html {
+    background: #fff;
+    color: #333;
+    overflow-y: scroll;
+}
+
+body {
+    font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+/* -- Links ----------------------------------------------------------------- */
+a {
+    color: #356de4;
+    text-decoration: none;
+}
+
+.hidden {
+    display: none;
+}
+
+a:hover { text-decoration: underline; }
+
+/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
+   sight until it's focused. */
+.jump {
+    position: absolute;
+    padding: 3px 6px;
+    left: -99999px;
+    top: 0;
+}
+
+.jump:focus { left: 40%; }
+
+/* -- Paragraphs ------------------------------------------------------------ */
+p { margin: 1.3em 0; }
+dd p, td p { margin-bottom: 0; }
+dd p:first-child, td p:first-child { margin-top: 0; }
+
+/* -- Headings -------------------------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {
+    color: #D98527;/*was #f80*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.1;
+    margin: 1.1em 0 0.5em;
+}
+
+h1 {
+    font-size: 184.6%;
+    color: #30418C;
+    margin: 0.75em 0 0.5em;
+}
+
+h2 {
+    font-size: 153.846%;
+    color: #E48A2B;
+}
+
+h3 { font-size: 138.462%; }
+
+h4 {
+    border-bottom: 1px solid #DBDFEA;
+    color: #E48A2B;
+    font-size: 115.385%;
+    font-weight: normal;
+    padding-bottom: 2px;
+}
+
+h5, h6 { font-size: 107.692%; }
+
+/* -- Code and examples ----------------------------------------------------- */
+code, kbd, pre, samp {
+    font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
+    font-size: 92.308%;
+    line-height: 1.35;
+}
+
+p code, p kbd, p samp {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    padding: 0 3px;
+}
+
+a code, a kbd, a samp,
+pre code, pre kbd, pre samp,
+table code, table kbd, table samp,
+.intro code, .intro kbd, .intro samp,
+.toc code, .toc kbd, .toc samp {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+pre.code, pre.terminal, pre.cmd {
+    overflow-x: auto;
+    *overflow-x: scroll;
+    padding: 0.3em 0.6em;
+}
+
+pre.code {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    border-left-width: 5px;
+}
+
+pre.terminal, pre.cmd {
+    background: #F0EFFC;
+    border: 1px solid #D0CBFB;
+    border-left: 5px solid #D0CBFB;
+}
+
+/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
+   blocks. */
+pre code, pre kbd, pre samp { font-size: 100%; }
+
+/* Used to denote text that shouldn't be selectable, such as line numbers or
+   shell prompts. Guess which browser this doesn't work in. */
+.noselect {
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+/* -- Lists ----------------------------------------------------------------- */
+dd { margin: 0.2em 0 0.7em 1em; }
+dl { margin: 1em 0; }
+dt { font-weight: bold; }
+
+/* -- Tables ---------------------------------------------------------------- */
+caption, th { text-align: left; }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #fff;
+    padding: 5px 12px;
+    vertical-align: top;
+}
+
+td { background: #E6E9F5; }
+td dl { margin: 0; }
+td dl dl { margin: 1em 0; }
+td pre:first-child { margin-top: 0; }
+
+th {
+    background: #D2D7E6;/*#97A0BF*/
+    border-bottom: none;
+    border-top: none;
+    color: #000;/*#FFF1D5*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.3;
+    white-space: nowrap;
+}
+
+
+/* -- Layout and Content ---------------------------------------------------- */
+#doc {
+    margin: auto;
+    min-width: 1024px;
+}
+
+.content { padding: 0 20px 0 25px; }
+
+.sidebar {
+    padding: 0 15px 0 10px;
+}
+#bd {
+    padding: 7px 0 130px;
+    position: relative;
+    width: 99%;
+}
+
+/* -- Table of Contents ----------------------------------------------------- */
+
+/* The #toc id refers to the single global table of contents, while the .toc
+   class refers to generic TOC lists that could be used throughout the page. */
+
+.toc code, .toc kbd, .toc samp { font-size: 100%; }
+.toc li { font-weight: bold; }
+.toc li li { font-weight: normal; }
+
+/* -- Intro and Example Boxes ----------------------------------------------- */
+/*
+.intro, .example { margin-bottom: 2em; }
+.example {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 5px #bfbfbf;
+    -webkit-box-shadow: 0 0 5px #bfbfbf;
+    box-shadow: 0 0 5px #bfbfbf;
+    padding: 1em;
+}
+.intro {
+    background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
+}
+*/
+
+/* -- Other Styles ---------------------------------------------------------- */
+
+/* These are probably YUI-specific, and should be moved out of Selleck's default
+   theme. */
+
+.button {
+    border: 1px solid #dadada;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    color: #444;
+    display: inline-block;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 92.308%;
+    font-weight: bold;
+    padding: 4px 13px 3px;
+    -moz-text-shadow: 1px 1px 0 #fff;
+    -webkit-text-shadow: 1px 1px 0 #fff;
+    text-shadow: 1px 1px 0 #fff;
+    white-space: nowrap;
+
+    background: #EFEFEF; /* old browsers */
+    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
+}
+
+.button:hover {
+    border-color: #466899;
+    color: #fff;
+    text-decoration: none;
+    -moz-text-shadow: 1px 1px 0 #222;
+    -webkit-text-shadow: 1px 1px 0 #222;
+    text-shadow: 1px 1px 0 #222;
+
+    background: #6396D8; /* old browsers */
+    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
+}
+
+.newwindow { text-align: center; }
+
+.header .version em {
+    display: block;
+    text-align: right;
+}
+
+
+#classdocs .item {
+    border-bottom: 1px solid #466899;
+    margin: 1em 0;
+    padding: 1.5em;
+}
+
+#classdocs .item .params p,
+    #classdocs .item .returns p,{
+    display: inline;
+}
+
+#classdocs .item em code, #classdocs .item em.comment {
+    color: green;
+}
+
+#classdocs .item em.comment a {
+    color: green;
+    text-decoration: underline;
+}
+
+#classdocs .foundat {
+    font-size: 11px;
+    font-style: normal;
+}
+
+.attrs .emits {
+    margin-left: 2em;
+    padding: .5em;
+    border-left: 1px dashed #ccc;
+}
+
+abbr {
+    border-bottom: 1px dashed #ccc;
+    font-size: 80%;
+    cursor: help;
+}
+
+.prettyprint li.L0, 
+.prettyprint li.L1, 
+.prettyprint li.L2, 
+.prettyprint li.L3, 
+.prettyprint li.L5, 
+.prettyprint li.L6, 
+.prettyprint li.L7, 
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+ul li p {
+    margin-top: 0;
+}
+
+.method .name {
+    font-size: 110%;
+}
+
+.apidocs .methods .extends .method,
+.apidocs .properties .extends .property,
+.apidocs .attrs .extends .attr,
+.apidocs .events .extends .event {
+    font-weight: bold;
+}
+
+.apidocs .methods .extends .inherited,
+.apidocs .properties .extends .inherited,
+.apidocs .attrs .extends .inherited,
+.apidocs .events .extends .inherited {
+    font-weight: normal;
+}
+
+#hd {
+    background: whiteSmoke;
+    background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);
+    border-bottom: 1px solid #DFDFDF;
+    padding: 0 15px 1px 20px;
+    margin-bottom: 15px;
+}
+
+#hd img {
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+
+/* -- API Docs CSS ---------------------------------------------------------- */
+
+/*
+This file is organized so that more generic styles are nearer the top, and more
+specific styles are nearer the bottom of the file. This allows us to take full
+advantage of the cascade to avoid redundant style rules. Please respect this
+convention when making changes.
+*/
+
+/* -- Generic TabView styles ------------------------------------------------ */
+
+/*
+These styles apply to all API doc tabviews. To change styles only for a
+specific tabview, see the other sections below.
+*/
+
+.yui3-js-enabled .apidocs .tabview {
+    visibility: hidden; /* Hide until the TabView finishes rendering. */
+    _visibility: visible;
+}
+
+.apidocs .tabview.yui3-tabview-content { visibility: visible; }
+.apidocs .tabview .yui3-tabview-panel { background: #fff; }
+
+/* -- Generic Content Styles ------------------------------------------------ */
+
+/* Headings */
+h2, h3, h4, h5, h6 {
+    border: none;
+    color: #30418C;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.link-docs {
+    float: right;
+    font-size: 15px;
+    margin: 4px 4px 6px;
+    padding: 6px 30px 5px;
+}
+
+.apidocs { zoom: 1; }
+
+/* Generic box styles. */
+.apidocs .box {
+    border: 1px solid;
+    border-radius: 3px;
+    margin: 1em 0;
+    padding: 0 1em;
+}
+
+/* A flag is a compact, capsule-like indicator of some kind. It's used to
+   indicate private and protected items, item return types, etc. in an
+   attractive and unobtrusive way. */
+.apidocs .flag {
+    background: #bababa;
+    border-radius: 3px;
+    color: #fff;
+    font-size: 11px;
+    margin: 0 0.5em;
+    padding: 2px 4px 1px;
+}
+
+/* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
+.apidocs .meta {
+    background: #f9f9f9;
+    border-color: #efefef;
+    color: #555;
+    font-size: 11px;
+    padding: 3px 6px;
+}
+
+.apidocs .meta p { margin: 0; }
+
+/* Deprecation warning. */
+.apidocs .box.deprecated,
+.apidocs .flag.deprecated {
+    background: #fdac9f;
+    border: 1px solid #fd7775;
+}
+
+.apidocs .box.deprecated p { margin: 0.5em 0; }
+.apidocs .flag.deprecated { color: #333; }
+
+/* Module/Class intro description. */
+.apidocs .intro {
+    background: #f0f1f8;
+    border-color: #d4d8eb;
+}
+
+/* Loading spinners. */
+#bd.loading .apidocs,
+#api-list.loading .yui3-tabview-panel {
+    background: #fff url(../img/spinner.gif) no-repeat center 70px;
+    min-height: 150px;
+}
+
+#bd.loading .apidocs .content,
+#api-list.loading .yui3-tabview-panel .apis {
+    display: none;
+}
+
+.apidocs .no-visible-items { color: #666; }
+
+/* Generic inline list. */
+.apidocs ul.inline {
+    display: inline;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.apidocs ul.inline li { display: inline; }
+
+/* Comma-separated list. */
+.apidocs ul.commas li:after { content: ','; }
+.apidocs ul.commas li:last-child:after { content: ''; }
+
+/* Keyboard shortcuts. */
+kbd .cmd { font-family: Monaco, Helvetica; }
+
+/* -- Generic Access Level styles ------------------------------------------- */
+.apidocs .item.protected,
+.apidocs .item.private,
+.apidocs .index-item.protected,
+.apidocs .index-item.deprecated,
+.apidocs .index-item.private {
+    display: none;
+}
+
+.show-deprecated .item.deprecated,
+.show-deprecated .index-item.deprecated,
+.show-protected .item.protected,
+.show-protected .index-item.protected,
+.show-private .item.private,
+.show-private .index-item.private {
+    display: block;
+}
+
+.hide-inherited .item.inherited,
+.hide-inherited .index-item.inherited {
+    display: none;
+}
+
+/* -- Generic Item Index styles --------------------------------------------- */
+.apidocs .index { margin: 1.5em 0 3em; }
+
+.apidocs .index h3 {
+    border-bottom: 1px solid #efefef;
+    color: #333;
+    font-size: 13px;
+    margin: 2em 0 0.6em;
+    padding-bottom: 2px;
+}
+
+.apidocs .index .no-visible-items { margin-top: 2em; }
+
+.apidocs .index-list {
+    border-color: #efefef;
+    font-size: 12px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    -moz-column-count: 4;
+    -moz-column-gap: 10px;
+    -moz-column-width: 170px;
+    -ms-column-count: 4;
+    -ms-column-gap: 10px;
+    -ms-column-width: 170px;
+    -o-column-count: 4;
+    -o-column-gap: 10px;
+    -o-column-width: 170px;
+    -webkit-column-count: 4;
+    -webkit-column-gap: 10px;
+    -webkit-column-width: 170px;
+    column-count: 4;
+    column-gap: 10px;
+    column-width: 170px;
+}
+
+.apidocs .no-columns .index-list {
+    -moz-column-count: 1;
+    -ms-column-count: 1;
+    -o-column-count: 1;
+    -webkit-column-count: 1;
+    column-count: 1;
+}
+
+.apidocs .index-item { white-space: nowrap; }
+
+.apidocs .index-item .flag {
+    background: none;
+    border: none;
+    color: #afafaf;
+    display: inline;
+    margin: 0 0 0 0.2em;
+    padding: 0;
+}
+
+/* -- Generic API item styles ----------------------------------------------- */
+.apidocs .args {
+    display: inline;
+    margin: 0 0.5em;
+}
+
+.apidocs .flag.chainable { background: #46ca3b; }
+.apidocs .flag.protected { background: #9b86fc; }
+.apidocs .flag.private { background: #fd6b1b; }
+.apidocs .flag.async { background: #356de4; }
+.apidocs .flag.required { background: #e60923; }
+
+.apidocs .item {
+    border-bottom: 1px solid #efefef;
+    margin: 1.5em 0 2em;
+    padding-bottom: 2em;
+}
+
+.apidocs .item h4,
+.apidocs .item h5,
+.apidocs .item h6 {
+    color: #333;
+    font-family: inherit;
+    font-size: 100%;
+}
+
+.apidocs .item .description p,
+.apidocs .item pre.code {
+    margin: 1em 0 0;
+}
+
+.apidocs .item .meta {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+.apidocs .item .name {
+    display: inline;
+    font-size: 14px;
+}
+
+.apidocs .item .type,
+.apidocs .item .type a,
+.apidocs .returns-inline {
+    color: #555;
+}
+
+.apidocs .item .type,
+.apidocs .returns-inline {
+    font-size: 11px;
+    margin: 0 0 0 0;
+}
+
+.apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
+.apidocs .item .type a:hover { border: none; }
+
+/* -- Item Parameter List --------------------------------------------------- */
+.apidocs .params-list {
+    list-style: square;
+    margin: 1em 0 0 2em;
+    padding: 0;
+}
+
+.apidocs .param { margin-bottom: 1em; }
+
+.apidocs .param .type,
+.apidocs .param .type a {
+    color: #666;
+}
+
+.apidocs .param .type {
+    margin: 0 0 0 0.5em;
+    *margin-left: 0.5em;
+}
+
+.apidocs .param-name { font-weight: bold; }
+
+/* -- Item "Emits" block ---------------------------------------------------- */
+.apidocs .item .emits {
+    background: #f9f9f9;
+    border-color: #eaeaea;
+}
+
+/* -- Item "Returns" block -------------------------------------------------- */
+.apidocs .item .returns .type,
+.apidocs .item .returns .type a {
+    font-size: 100%;
+    margin: 0;
+}
+
+/* -- Class Constructor block ----------------------------------------------- */
+.apidocs .constructor .item {
+    border: none;
+    padding-bottom: 0;
+}
+
+/* -- File Source View ------------------------------------------------------ */
+.apidocs .file pre.code,
+#doc .apidocs .file pre.prettyprint {
+    background: inherit;
+    border: none;
+    overflow: visible;
+    padding: 0;
+}
+
+.apidocs .L0,
+.apidocs .L1,
+.apidocs .L2,
+.apidocs .L3,
+.apidocs .L4,
+.apidocs .L5,
+.apidocs .L6,
+.apidocs .L7,
+.apidocs .L8,
+.apidocs .L9 {
+    background: inherit;
+}
+
+/* -- Submodule List -------------------------------------------------------- */
+.apidocs .module-submodule-description {
+    font-size: 12px;
+    margin: 0.3em 0 1em;
+}
+
+.apidocs .module-submodule-description p:first-child { margin-top: 0; }
+
+/* -- Sidebar TabView ------------------------------------------------------- */
+#api-tabview { margin-top: 0.6em; }
+
+#api-tabview-filter,
+#api-tabview-panel {
+    border: 1px solid #dfdfdf;
+}
+
+#api-tabview-filter {
+    border-bottom: none;
+    border-top: none;
+    padding: 0.6em 10px 0 10px;
+}
+
+#api-tabview-panel { border-top: none; }
+#api-filter { width: 97%; }
+
+/* -- Content TabView ------------------------------------------------------- */
+#classdocs .yui3-tabview-panel { border: none; }
+
+/* -- Source File Contents -------------------------------------------------- */
+.prettyprint li.L0,
+.prettyprint li.L1,
+.prettyprint li.L2,
+.prettyprint li.L3,
+.prettyprint li.L5,
+.prettyprint li.L6,
+.prettyprint li.L7,
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+/* -- API options ----------------------------------------------------------- */
+#api-options {
+    font-size: 11px;
+    margin-top: 2.2em;
+    position: absolute;
+    right: 1.5em;
+}
+
+/*#api-options label { margin-right: 0.6em; }*/
+
+/* -- API list -------------------------------------------------------------- */
+#api-list {
+    margin-top: 1.5em;
+    *zoom: 1;
+}
+
+.apis {
+    font-size: 12px;
+    line-height: 1.4;
+    list-style: none;
+    margin: 0;
+    padding: 0.5em 0 0.5em 0.4em;
+}
+
+.apis a {
+    border: 1px solid transparent;
+    display: block;
+    margin: 0 0 0 -4px;
+    padding: 1px 4px 0;
+    text-decoration: none;
+    _border: none;
+    _display: inline;
+}
+
+.apis a:hover,
+.apis a:focus {
+    background: #E8EDFC;
+    background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));
+    border-color: #AAC0FA;
+    border-radius: 3px;
+    color: #333;
+    outline: none;
+}
+
+.api-list-item a:hover,
+.api-list-item a:focus {
+    font-weight: bold;
+    text-shadow: 1px 1px 1px #fff;
+}
+
+.apis .message { color: #888; }
+.apis .result a { padding: 3px 5px 2px; }
+
+.apis .result .type {
+    right: 4px;
+    top: 7px;
+}
+
+.api-list-item .yui3-highlight {
+    font-weight: bold;
+}
+
diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a95ddab6ff6735b52596ecea54f2b68298cae91
GIT binary patch
literal 740
zcmV<A0vr8_P)<h;3K|Lk000e1NJLTq000mG000mO0{{R3C@l|D0004@P)t-s0000{
zX|Ygfu`xl0C^>~sYqK3Gcus4xPHVF@NRlx_jU+UHO>DGCVWd%Mvj6}8PiwO?MUOK>
zh#e_-OJS-kK8Z|Xt0XgkGe(eqj=e%xpEO30J581!Eqg~?q%T2?Ek21)YqKpribYwO
zO>DFvE_`l(vNA-DP-?S5PK0`q!bDh@Mq8vgOqNb&rhJXTL|2zvaI{oyv}%RBafiZK
zXPjk$xItE*Ls+3FH-t7xlT2l%b%(okjlX(}z(iM=T5+{UVWUxLu~2HVQ*5(wfwpIY
zx^suTO<$u_Wt}fTi)DPfVSTqxX0Jh2pF>!pWqY$FG=V!yh%`o#I!lpBUZ_i9sy$Mh
zbd0`wjKM-wmsoDGM_{8+Xt7mktWRsRQE9SmezIwQzG;8GYk{~+U!725o-93xU~{x&
zdA3hxu0U0uNL!j<bFv{XeKA9hF++_rMvyyCnMhrwNM5H-Vx>G$nRJA=b%wh=O^H2C
zi#SY{S8At7V4_fHuux~PPinJicdKW6vS@y|OI(^NI)+?xw@qZNU~r`!DtSIqoCqvd
zm;e9(D|Av$Qve|DfN(%S$B)~`AYc$64eo$|fIvW?+sFBE5P*O{KtQ1G#~^@FK%hjn
zkdomz0002TNkl<Z7?opSfCEMmDH$PV7>`w>G^{kLDnt;%<*|0o$}R6`^xy<@RoEM1
zqurZYT;p`r!P4>0S(y=fId&Oc5+FWDLu^>Hac!Eup}&<pkgw>RRh(iLlN#v|TEqoX
z5F2J5;1i==(bn!4tN;>_E30vHG)PRY)6s2(SgB^~Xzyu~5Z0B?0uj)%)~>X1@wKpO
z<%S6GDhHV+Ih7Q7iNigiX=l`)U1%u_7vT4<*Qrj=V?+3pPb|D3u#*89NQ<fpLs$T#
WD=i+B1us|t0000<MNUMnLSTZr5j8&m

literal 0
HcmV?d00001

diff --git a/docs/assets/img/spinner.gif b/docs/assets/img/spinner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..44f96ba68c8910d19f49e8365bf589ee4e6991e4
GIT binary patch
literal 2685
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

literal 0
HcmV?d00001

diff --git a/docs/assets/index.html b/docs/assets/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/docs/assets/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/docs/assets/js/api-filter.js b/docs/assets/js/api-filter.js
new file mode 100644
index 0000000..37aefba
--- /dev/null
+++ b/docs/assets/js/api-filter.js
@@ -0,0 +1,52 @@
+YUI.add('api-filter', function (Y) {
+
+Y.APIFilter = Y.Base.create('apiFilter', Y.Base, [Y.AutoCompleteBase], {
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+    getDisplayName: function(name) {
+
+        Y.each(Y.YUIDoc.meta.allModules, function(i) {
+            if (i.name === name && i.displayName) {
+                name = i.displayName;
+            }
+        });
+
+        return name;
+    }
+
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        // May be set to "classes" or "modules".
+        queryType: {
+            value: 'classes'
+        },
+
+        source: {
+            valueFn: function() {
+                var self = this;
+                return function(q) {
+                    var data = Y.YUIDoc.meta[self.get('queryType')],
+                        out = [];
+                    Y.each(data, function(v) {
+                        if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {
+                            out.push(v);
+                        }
+                    });
+                    return out;
+                };
+            }
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources'
+]});
diff --git a/docs/assets/js/api-list.js b/docs/assets/js/api-list.js
new file mode 100644
index 0000000..88905b5
--- /dev/null
+++ b/docs/assets/js/api-list.js
@@ -0,0 +1,251 @@
+YUI.add('api-list', function (Y) {
+
+var Lang   = Y.Lang,
+    YArray = Y.Array,
+
+    APIList = Y.namespace('APIList'),
+
+    classesNode    = Y.one('#api-classes'),
+    inputNode      = Y.one('#api-filter'),
+    modulesNode    = Y.one('#api-modules'),
+    tabviewNode    = Y.one('#api-tabview'),
+
+    tabs = APIList.tabs = {},
+
+    filter = APIList.filter = new Y.APIFilter({
+        inputNode : inputNode,
+        maxResults: 1000,
+
+        on: {
+            results: onFilterResults
+        }
+    }),
+
+    search = APIList.search = new Y.APISearch({
+        inputNode : inputNode,
+        maxResults: 100,
+
+        on: {
+            clear  : onSearchClear,
+            results: onSearchResults
+        }
+    }),
+
+    tabview = APIList.tabview = new Y.TabView({
+        srcNode  : tabviewNode,
+        panelNode: '#api-tabview-panel',
+        render   : true,
+
+        on: {
+            selectionChange: onTabSelectionChange
+        }
+    }),
+
+    focusManager = APIList.focusManager = tabviewNode.plug(Y.Plugin.NodeFocusManager, {
+        circular   : true,
+        descendants: '#api-filter, .yui3-tab-panel-selected .api-list-item a, .yui3-tab-panel-selected .result a',
+        keys       : {next: 'down:40', previous: 'down:38'}
+    }).focusManager,
+
+    LIST_ITEM_TEMPLATE =
+        '<li class="api-list-item {typeSingular}">' +
+            '<a href="{rootPath}{typePlural}/{name}.html">{displayName}</a>' +
+        '</li>';
+
+// -- Init ---------------------------------------------------------------------
+
+// Duckpunch FocusManager's key event handling to prevent it from handling key
+// events when a modifier is pressed.
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusPrevious', focusManager);
+
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusNext', focusManager);
+
+// Create a mapping of tabs in the tabview so we can refer to them easily later.
+tabview.each(function (tab, index) {
+    var name = tab.get('label').toLowerCase();
+
+    tabs[name] = {
+        index: index,
+        name : name,
+        tab  : tab
+    };
+});
+
+// Switch tabs on Ctrl/Cmd-Left/Right arrows.
+tabviewNode.on('key', onTabSwitchKey, 'down:37,39');
+
+// Focus the filter input when the `/` key is pressed.
+Y.one(Y.config.doc).on('key', onSearchKey, 'down:83');
+
+// Keep the Focus Manager up to date.
+inputNode.on('focus', function () {
+    focusManager.set('activeDescendant', inputNode);
+});
+
+// Update all tabview links to resolved URLs.
+tabview.get('panelNode').all('a').each(function (link) {
+    link.setAttribute('href', link.get('href'));
+});
+
+// -- Private Functions --------------------------------------------------------
+function getFilterResultNode() {
+    return filter.get('queryType') === 'classes' ? classesNode : modulesNode;
+}
+
+// -- Event Handlers -----------------------------------------------------------
+function onFilterResults(e) {
+    var frag         = Y.one(Y.config.doc.createDocumentFragment()),
+        resultNode   = getFilterResultNode(),
+        typePlural   = filter.get('queryType'),
+        typeSingular = typePlural === 'classes' ? 'class' : 'module';
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(Lang.sub(LIST_ITEM_TEMPLATE, {
+                rootPath    : APIList.rootPath,
+                displayName : filter.getDisplayName(result.highlighted),
+                name        : result.text,
+                typePlural  : typePlural,
+                typeSingular: typeSingular
+            }));
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No ' + typePlural + ' found.' +
+            '</li>'
+        );
+    }
+
+    resultNode.empty(true);
+    resultNode.append(frag);
+
+    focusManager.refresh();
+}
+
+function onSearchClear(e) {
+
+    focusManager.refresh();
+}
+
+function onSearchKey(e) {
+    var target = e.target;
+
+    if (target.test('input,select,textarea')
+            || target.get('isContentEditable')) {
+        return;
+    }
+
+    e.preventDefault();
+
+    inputNode.focus();
+    focusManager.refresh();
+}
+
+function onSearchResults(e) {
+    var frag = Y.one(Y.config.doc.createDocumentFragment());
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(result.display);
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No results found. Maybe you\'ll have better luck with a ' +
+                'different query?' +
+            '</li>'
+        );
+    }
+
+
+    focusManager.refresh();
+}
+
+function onTabSelectionChange(e) {
+    var tab  = e.newVal,
+        name = tab.get('label').toLowerCase();
+
+    tabs.selected = {
+        index: tab.get('index'),
+        name : name,
+        tab  : tab
+    };
+
+    switch (name) {
+    case 'classes': // fallthru
+    case 'modules':
+        filter.setAttrs({
+            minQueryLength: 0,
+            queryType     : name
+        });
+
+        search.set('minQueryLength', -1);
+
+        // Only send a request if this isn't the initially-selected tab.
+        if (e.prevVal) {
+            filter.sendRequest(filter.get('value'));
+        }
+        break;
+
+    case 'everything':
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', 1);
+
+        if (search.get('value')) {
+            search.sendRequest(search.get('value'));
+        } else {
+            inputNode.focus();
+        }
+        break;
+
+    default:
+        // WTF? We shouldn't be here!
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', -1);
+    }
+
+    if (focusManager) {
+        setTimeout(function () {
+            focusManager.refresh();
+        }, 1);
+    }
+}
+
+function onTabSwitchKey(e) {
+    var currentTabIndex = tabs.selected.index;
+
+    if (!(e.ctrlKey || e.metaKey)) {
+        return;
+    }
+
+    e.preventDefault();
+
+    switch (e.keyCode) {
+    case 37: // left arrow
+        if (currentTabIndex > 0) {
+            tabview.selectChild(currentTabIndex - 1);
+            inputNode.focus();
+        }
+        break;
+
+    case 39: // right arrow
+        if (currentTabIndex < (Y.Object.size(tabs) - 2)) {
+            tabview.selectChild(currentTabIndex + 1);
+            inputNode.focus();
+        }
+        break;
+    }
+}
+
+}, '3.4.0', {requires: [
+    'api-filter', 'api-search', 'event-key', 'node-focusmanager', 'tabview'
+]});
diff --git a/docs/assets/js/api-search.js b/docs/assets/js/api-search.js
new file mode 100644
index 0000000..175f6a6
--- /dev/null
+++ b/docs/assets/js/api-search.js
@@ -0,0 +1,98 @@
+YUI.add('api-search', function (Y) {
+
+var Lang   = Y.Lang,
+    Node   = Y.Node,
+    YArray = Y.Array;
+
+Y.APISearch = Y.Base.create('apiSearch', Y.Base, [Y.AutoCompleteBase], {
+    // -- Public Properties ----------------------------------------------------
+    RESULT_TEMPLATE:
+        '<li class="result {resultType}">' +
+            '<a href="{url}">' +
+                '<h3 class="title">{name}</h3>' +
+                '<span class="type">{resultType}</span>' +
+                '<div class="description">{description}</div>' +
+                '<span class="className">{class}</span>' +
+            '</a>' +
+        '</li>',
+
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+
+    // -- Protected Methods ----------------------------------------------------
+    _apiResultFilter: function (query, results) {
+        // Filter components out of the results.
+        return YArray.filter(results, function (result) {
+            return result.raw.resultType === 'component' ? false : result;
+        });
+    },
+
+    _apiResultFormatter: function (query, results) {
+        return YArray.map(results, function (result) {
+            var raw  = Y.merge(result.raw), // create a copy
+                desc = raw.description || '';
+
+            // Convert description to text and truncate it if necessary.
+            desc = Node.create('<div>' + desc + '</div>').get('text');
+
+            if (desc.length > 65) {
+                desc = Y.Escape.html(desc.substr(0, 65)) + ' &hellip;';
+            } else {
+                desc = Y.Escape.html(desc);
+            }
+
+            raw['class'] || (raw['class'] = '');
+            raw.description = desc;
+
+            // Use the highlighted result name.
+            raw.name = result.highlighted;
+
+            return Lang.sub(this.RESULT_TEMPLATE, raw);
+        }, this);
+    },
+
+    _apiTextLocator: function (result) {
+        return result.displayName || result.name;
+    }
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultFormatter: {
+            valueFn: function () {
+                return this._apiResultFormatter;
+            }
+        },
+
+        resultFilters: {
+            valueFn: function () {
+                return this._apiResultFilter;
+            }
+        },
+
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        resultListLocator: {
+            value: 'data.results'
+        },
+
+        resultTextLocator: {
+            valueFn: function () {
+                return this._apiTextLocator;
+            }
+        },
+
+        source: {
+            value: '/api/v1/search?q={query}&count={maxResults}'
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources',
+    'escape'
+]});
diff --git a/docs/assets/js/apidocs.js b/docs/assets/js/apidocs.js
new file mode 100644
index 0000000..c080d16
--- /dev/null
+++ b/docs/assets/js/apidocs.js
@@ -0,0 +1,365 @@
+YUI().use(
+    'yuidoc-meta',
+    'api-list', 'history-hash', 'node-screen', 'node-style', 'pjax',
+function (Y) {
+
+var win          = Y.config.win,
+    localStorage = win.localStorage,
+
+    bdNode = Y.one('#bd'),
+
+    pjax,
+    defaultRoute,
+
+    classTabView,
+    selectedTab;
+
+// Kill pjax functionality unless serving over HTTP.
+if (!Y.getLocation().protocol.match(/^https?\:/)) {
+    Y.Router.html5 = false;
+}
+
+// Create the default route with middleware which enables syntax highlighting
+// on the loaded content.
+defaultRoute = Y.Pjax.defaultRoute.concat(function (req, res, next) {
+    prettyPrint();
+    bdNode.removeClass('loading');
+
+    next();
+});
+
+pjax = new Y.Pjax({
+    container      : '#docs-main',
+    contentSelector: '#docs-main > .content',
+    linkSelector   : '#bd a',
+    titleSelector  : '#xhr-title',
+
+    navigateOnHash: true,
+    root          : '/',
+    routes        : [
+        // -- / ----------------------------------------------------------------
+        {
+            path     : '/(index.html)?',
+            callbacks: defaultRoute
+        },
+
+        // -- /classes/* -------------------------------------------------------
+        {
+            path     : '/classes/:class.html*',
+            callbacks: [defaultRoute, 'handleClasses']
+        },
+
+        // -- /files/* ---------------------------------------------------------
+        {
+            path     : '/files/*file',
+            callbacks: [defaultRoute, 'handleFiles']
+        },
+
+        // -- /modules/* -------------------------------------------------------
+        {
+            path     : '/modules/:module.html*',
+            callbacks: defaultRoute
+        }
+    ]
+});
+
+// -- Utility Functions --------------------------------------------------------
+
+pjax.checkVisibility = function (tab) {
+    tab || (tab = selectedTab);
+
+    if (!tab) { return; }
+
+    var panelNode = tab.get('panelNode'),
+        visibleItems;
+
+    // If no items are visible in the tab panel due to the current visibility
+    // settings, display a message to that effect.
+    visibleItems = panelNode.all('.item,.index-item').some(function (itemNode) {
+        if (itemNode.getComputedStyle('display') !== 'none') {
+            return true;
+        }
+    });
+
+    panelNode.all('.no-visible-items').remove();
+
+    if (!visibleItems) {
+        if (Y.one('#index .index-item')) {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'Some items are not shown due to the current visibility ' +
+                    'settings. Use the checkboxes at the upper right of this ' +
+                    'page to change the visibility settings.' +
+                    '</p>' +
+                '</div>'
+            );
+        } else {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'This class doesn\'t provide any methods, properties, ' +
+                    'attributes, or events.' +
+                    '</p>' +
+                '</div>'
+            );
+        }
+    }
+
+    // Hide index sections without any visible items.
+    Y.all('.index-section').each(function (section) {
+        var items        = 0,
+            visibleItems = 0;
+
+        section.all('.index-item').each(function (itemNode) {
+            items += 1;
+
+            if (itemNode.getComputedStyle('display') !== 'none') {
+                visibleItems += 1;
+            }
+        });
+
+        section.toggleClass('hidden', !visibleItems);
+        section.toggleClass('no-columns', visibleItems < 4);
+    });
+};
+
+pjax.initClassTabView = function () {
+    if (!Y.all('#classdocs .api-class-tab').size()) {
+        return;
+    }
+
+    if (classTabView) {
+        classTabView.destroy();
+        selectedTab = null;
+    }
+
+    classTabView = new Y.TabView({
+        srcNode: '#classdocs',
+
+        on: {
+            selectionChange: pjax.onTabSelectionChange
+        }
+    });
+
+    pjax.updateTabState();
+    classTabView.render();
+};
+
+pjax.initLineNumbers = function () {
+    var hash      = win.location.hash.substring(1),
+        container = pjax.get('container'),
+        hasLines, node;
+
+    // Add ids for each line number in the file source view.
+    container.all('.linenums>li').each(function (lineNode, index) {
+        lineNode.set('id', 'l' + (index + 1));
+        lineNode.addClass('file-line');
+        hasLines = true;
+    });
+
+    // Scroll to the desired line.
+    if (hasLines && /^l\d+$/.test(hash)) {
+        if ((node = container.getById(hash))) {
+            win.scroll(0, node.getY());
+        }
+    }
+};
+
+pjax.initRoot = function () {
+    var terminators = /^(?:classes|files|modules)$/,
+        parts       = pjax._getPathRoot().split('/'),
+        root        = [],
+        i, len, part;
+
+    for (i = 0, len = parts.length; i < len; i += 1) {
+        part = parts[i];
+
+        if (part.match(terminators)) {
+            // Makes sure the path will end with a "/".
+            root.push('');
+            break;
+        }
+
+        root.push(part);
+    }
+
+    pjax.set('root', root.join('/'));
+};
+
+pjax.updateTabState = function (src) {
+    var hash = win.location.hash.substring(1),
+        defaultTab, node, tab, tabPanel;
+
+    function scrollToNode() {
+        if (node.hasClass('protected')) {
+            Y.one('#api-show-protected').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        if (node.hasClass('private')) {
+            Y.one('#api-show-private').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        setTimeout(function () {
+            // For some reason, unless we re-get the node instance here,
+            // getY() always returns 0.
+            var node = Y.one('#classdocs').getById(hash);
+            win.scrollTo(0, node.getY() - 70);
+        }, 1);
+    }
+
+    if (!classTabView) {
+        return;
+    }
+
+    if (src === 'hashchange' && !hash) {
+        defaultTab = 'index';
+    } else {
+        if (localStorage) {
+            defaultTab = localStorage.getItem('tab_' + pjax.getPath()) ||
+                'index';
+        } else {
+            defaultTab = 'index';
+        }
+    }
+
+    if (hash && (node = Y.one('#classdocs').getById(hash))) {
+        if ((tabPanel = node.ancestor('.api-class-tabpanel', true))) {
+            if ((tab = Y.one('#classdocs .api-class-tab.' + tabPanel.get('id')))) {
+                if (classTabView.get('rendered')) {
+                    Y.Widget.getByNode(tab).set('selected', 1);
+                } else {
+                    tab.addClass('yui3-tab-selected');
+                }
+            }
+        }
+
+        // Scroll to the desired element if this is a hash URL.
+        if (node) {
+            if (classTabView.get('rendered')) {
+                scrollToNode();
+            } else {
+                classTabView.once('renderedChange', scrollToNode);
+            }
+        }
+    } else {
+        tab = Y.one('#classdocs .api-class-tab.' + defaultTab);
+
+        if (classTabView.get('rendered')) {
+            Y.Widget.getByNode(tab).set('selected', 1);
+        } else {
+            tab.addClass('yui3-tab-selected');
+        }
+    }
+};
+
+pjax.updateVisibility = function () {
+    var container = pjax.get('container');
+
+    container.toggleClass('hide-inherited',
+            !Y.one('#api-show-inherited').get('checked'));
+
+    container.toggleClass('show-deprecated',
+            Y.one('#api-show-deprecated').get('checked'));
+
+    container.toggleClass('show-protected',
+            Y.one('#api-show-protected').get('checked'));
+
+    container.toggleClass('show-private',
+            Y.one('#api-show-private').get('checked'));
+
+    pjax.checkVisibility();
+};
+
+// -- Route Handlers -----------------------------------------------------------
+
+pjax.handleClasses = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (!status || (status >= 200 && status < 300)) {
+        pjax.initClassTabView();
+    }
+
+    next();
+};
+
+pjax.handleFiles = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (!status || (status >= 200 && status < 300)) {
+        pjax.initLineNumbers();
+    }
+
+    next();
+};
+
+// -- Event Handlers -----------------------------------------------------------
+
+pjax.onNavigate = function (e) {
+    var hash         = e.hash,
+        originTarget = e.originEvent && e.originEvent.target,
+        tab;
+
+    if (hash) {
+        tab = originTarget && originTarget.ancestor('.yui3-tab', true);
+
+        if (hash === win.location.hash) {
+            pjax.updateTabState('hashchange');
+        } else if (!tab) {
+            win.location.hash = hash;
+        }
+
+        e.preventDefault();
+        return;
+    }
+
+    // Only scroll to the top of the page when the URL doesn't have a hash.
+    this.set('scrollToTop', !e.url.match(/#.+$/));
+
+    bdNode.addClass('loading');
+};
+
+pjax.onOptionClick = function (e) {
+    pjax.updateVisibility();
+};
+
+pjax.onTabSelectionChange = function (e) {
+    var tab   = e.newVal,
+        tabId = tab.get('contentBox').getAttribute('href').substring(1);
+
+    selectedTab = tab;
+
+    // If switching from a previous tab (i.e., this is not the default tab),
+    // replace the history entry with a hash URL that will cause this tab to
+    // be selected if the user navigates away and then returns using the back
+    // or forward buttons.
+    if (e.prevVal && localStorage) {
+        localStorage.setItem('tab_' + pjax.getPath(), tabId);
+    }
+
+    pjax.checkVisibility(tab);
+};
+
+// -- Init ---------------------------------------------------------------------
+
+pjax.on('navigate', pjax.onNavigate);
+
+pjax.initRoot();
+pjax.upgrade();
+pjax.initClassTabView();
+pjax.initLineNumbers();
+pjax.updateVisibility();
+
+Y.APIList.rootPath = pjax.get('root');
+
+Y.one('#api-options').delegate('click', pjax.onOptionClick, 'input');
+
+Y.on('hashchange', function (e) {
+    pjax.updateTabState('hashchange');
+}, win);
+
+});
diff --git a/docs/assets/js/yui-prettify.js b/docs/assets/js/yui-prettify.js
new file mode 100644
index 0000000..18de864
--- /dev/null
+++ b/docs/assets/js/yui-prettify.js
@@ -0,0 +1,17 @@
+YUI().use('node', function(Y) {
+    var code = Y.all('.prettyprint.linenums');
+    if (code.size()) {
+        code.each(function(c) {
+            var lis = c.all('ol li'),
+                l = 1;
+            lis.each(function(n) {
+                n.prepend('<a name="LINENUM_' + l + '"></a>');
+                l++;
+            });
+        });
+        var h = location.hash;
+        location.hash = '';
+        h = h.replace('LINE_', 'LINENUM_');
+        location.hash = h;
+    }
+});
diff --git a/docs/assets/vendor/prettify/CHANGES.html b/docs/assets/vendor/prettify/CHANGES.html
new file mode 100644
index 0000000..b50b841
--- /dev/null
+++ b/docs/assets/vendor/prettify/CHANGES.html
@@ -0,0 +1,130 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Change Log</title>
+  </head>
+  <body bgcolor="white">
+    <a style="float:right" href="README.html">README</a>
+
+    <h1>Known Issues</h1>
+    <ul>
+      <li>Perl formatting is really crappy.  Partly because the author is lazy and
+      partly because Perl is
+      <a href="http://www.perlmonks.org/?node_id=663393">hard</a> to parse.
+      <li>On some browsers, <code>&lt;code&gt;</code> elements with newlines in the text
+      which use CSS to specify <code>white-space:pre</code> will have the newlines
+      improperly stripped if the element is not attached to the document at the time
+      the stripping is done.  Also, on IE 6, all newlines will be stripped from
+      <code>&lt;code&gt;</code> elements because of the way IE6 produces
+      <code>innerHTML</code>.  Workaround: use <code>&lt;pre&gt;</code> for code with
+      newlines.
+    </ul>
+
+    <h1>Change Log</h1>
+    <h2>29 March 2007</h2>
+    <ul>
+      <li>Added <a href="tests/prettify_test.html#PHP">tests</a> for PHP support
+        to address 
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=3"
+       >issue 3</a>.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=6"
+       >bug</a>: <code>prettyPrintOne</code> was not halting.  This was not
+        reachable through the normal entry point.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >bug</a>: recursing into a script block or PHP tag that was not properly
+        closed would not silently drop the content.
+        (<a href="tests/prettify_test.html#issue4">test</a>)
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=8"
+       >bug</a>: was eating tabs
+        (<a href="tests/prettify_test.html#issue8">test</a>)
+      <li>Fixed entity handling so that the caveat
+        <blockquote>
+          <p>Caveats: please properly escape less-thans.  <tt>x&amp;lt;y</tt>
+          instead of <tt>x&lt;y</tt>, and use <tt>&quot;</tt> instead of 
+          <tt>&amp;quot;</tt> for string delimiters.</p>
+        </blockquote>
+        is no longer applicable.
+      <li>Added noisefree's C#
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >patch</a>
+      <li>Added a <a href="http://google-code-prettify.googlecode.com/files/prettify-small.zip">distribution</a> that has comments and
+        whitespace removed to reduce download size from 45.5kB to 12.8kB.
+    </ul>
+    <h2>4 Jul 2008</h2>
+    <ul>
+      <li>Added <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=17">language specific formatters</a> that are triggered by the presence
+      of a <code>lang-&lt;language-file-extension&gt;</code></li>
+      <li>Fixed <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=29">bug</a>: python handling of <code>'''string'''</code>
+      <li>Fixed bug: <code>/</code> in regex <code>[charsets] should not end regex</code>
+    </ul>
+    <h2>5 Jul 2008</h2>
+    <ul>
+      <li>Defined language extensions for Lisp and Lua</code>
+    </ul>
+    <h2>14 Jul 2008</h2>
+    <ul>
+      <li>Language handlers for F#, OCAML, SQL</code>
+      <li>Support for <code>nocode</code> spans to allow embedding of line
+      numbers and code annotations which should not be styled or otherwise
+      affect the tokenization of prettified code.
+      See the issue 22
+      <a href="tests/prettify_test.html#issue22">testcase</a>.</code>
+    </ul>
+    <h2>6 Jan 2009</h2>
+    <ul>
+      <li>Language handlers for Visual Basic, Haskell, CSS, and WikiText</li>
+      <li>Added <tt>.mxml</tt> extension to the markup style handler for
+        Flex <a href="http://en.wikipedia.org/wiki/MXML">MXML files</a>.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=37"
+        >issue 37</a>.
+      <li>Added <tt>.m</tt> extension to the C style handler so that Objective
+        C source files properly highlight.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=58"
+       >issue 58</a>.
+      <li>Changed HTML lexer to use the same embedded source mechanism as the
+        wiki language handler, and changed to use the registered
+        CSS handler for STYLE element content.
+    </ul>
+    <h2>21 May 2009</h2>
+    <ul>
+      <li>Rewrote to improve performance on large files.
+        See <a href="http://mikesamuel.blogspot.com/2009/05/efficient-parsing-in-javascript.html">benchmarks</a>.</li>
+      <li>Fixed bugs with highlighting of Haskell line comments, Lisp
+        number literals, Lua strings, C preprocessor directives,
+        newlines in Wiki code on Windows, and newlines in IE6.</li>
+    </ul>
+    <h2>14 August 2009</h2>
+    <ul>
+      <li>Fixed prettifying of <code>&lt;code&gt;</code> blocks with embedded newlines.
+    </ul>
+    <h2>3 October 2009</h2>
+    <ul>
+      <li>Fixed prettifying of XML/HTML tags that contain uppercase letters.
+    </ul>
+    <h2>19 July 2010</h2>
+    <ul>
+      <li>Added support for line numbers.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=22"
+         >22</a></li>
+      <li>Added YAML support.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=123"
+         >123</a></li>
+      <li>Added VHDL support courtesy Le Poussin.</li>
+      <li>IE performance improvements.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=102"
+         >102</a> courtesy jacobly.</li>
+      <li>A variety of markup formatting fixes courtesy smain and thezbyg.</li>
+      <li>Fixed copy and paste in IE[678].
+      <li>Changed output to use <code>&amp;#160;</code> instead of
+        <code>&amp;nbsp;</code> so that the output works when embedded in XML.
+        Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=108"
+         >108</a>.</li>
+    </ul>
+  </body>
+</html>
diff --git a/docs/assets/vendor/prettify/COPYING b/docs/assets/vendor/prettify/COPYING
new file mode 100644
index 0000000..d645695
--- /dev/null
+++ b/docs/assets/vendor/prettify/COPYING
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/docs/assets/vendor/prettify/README.html b/docs/assets/vendor/prettify/README.html
new file mode 100644
index 0000000..c6fe1a3
--- /dev/null
+++ b/docs/assets/vendor/prettify/README.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+  <head>
+    <title>Javascript code prettifier</title>
+
+    <link href="src/prettify.css" type="text/css" rel="stylesheet" />
+
+    <script src="src/prettify.js" type="text/javascript"></script>
+
+    <style type="text/css">
+      body { margin-left: .5in }
+      h1, h2, h3, h4, .footer { margin-left: -.4in; }
+    </style>
+  </head>
+
+  <body onload="prettyPrint()" bgcolor="white">
+    <small style="float: right">Languages : <a href="README-zh-Hans.html">CH</a></small>
+    <h1>Javascript code prettifier</h1>
+
+    <h2>Setup</h2>
+    <ol>
+      <li><a href="http://code.google.com/p/google-code-prettify/downloads/list">Download</a> a distribution
+      <li>Include the script and stylesheets in your document
+        (you will need to make sure the css and js file are on your server, and
+         adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)
+        <pre class="prettyprint">
+&lt;link href="prettify.css" type="text/css" rel="stylesheet" />
+&lt;script type="text/javascript" src="prettify.js">&lt;/script></pre>
+      <li>Add <code class="prettyprint lang-html">onload="prettyPrint()"</code> to your
+      document's body tag.
+      <li>Modify the stylesheet to get the coloring you prefer</li>
+    </ol>
+
+    <h2>Usage</h2>
+    <p>Put code snippets in
+    <tt>&lt;pre class="prettyprint"&gt;...&lt;/pre&gt;</tt>
+    or <tt>&lt;code class="prettyprint"&gt;...&lt;/code&gt;</tt>
+    and it will automatically be pretty printed.
+
+    <table summary="code examples">
+      <tr>
+        <th>The original
+        <th>Prettier
+      <tr>
+        <td><pre style="border: 1px solid #888;padding: 2px"
+             ><a name="voila1"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila1">tags</a>.
+}</pre>
+
+        <td><pre class="prettyprint"><a name="voila2"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila2">tags</a>.
+}</pre>
+    </table>
+
+    <h2>FAQ</h2>
+    <h3 id="langs">Which languages does it work for?</h3>
+    <p>The comments in <tt>prettify.js</tt> are authoritative but the lexer
+    should work on a number of languages including C and friends,
+    Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles.
+    It works passably on Ruby, PHP, VB, and Awk and a decent subset of Perl
+    and Ruby, but, because of commenting conventions, doesn't work on
+    Smalltalk, or CAML-like languages.</p>
+
+    <p>LISPy languages are supported via an extension:
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"
+     ><code>lang-lisp.js</code></a>.</p>
+    <p>And similarly for
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-css.js"
+     ><code>CSS</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-hs.js"
+     ><code>Haskell</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lua.js"
+     ><code>Lua</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-ml.js"
+     ><code>OCAML, SML, F#</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vb.js"
+     ><code>Visual Basic</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-sql.js"
+     ><code>SQL</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-proto.js"
+     ><code>Protocol Buffers</code></a>, and
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js"
+     ><code>WikiText</code></a>..
+
+    <p>If you'd like to add an extension for your favorite language, please
+    look at <tt>src/lang-lisp.js</tt> and file an
+    <a href="http://code.google.com/p/google-code-prettify/issues/list"
+     >issue</a> including your language extension, and a testcase.</p>
+
+    <h3>How do I specify which language my code is in?</h3>
+    <p>You don't need to specify the language since <code>prettyprint()</code>
+    will guess.  You can specify a language by specifying the language extension
+    along with the <code>prettyprint</code> class like so:</p>
+    <pre class="prettyprint lang-html"
+>&lt;pre class=&quot;prettyprint <b>lang-html</b>&quot;&gt;
+  The lang-* class specifies the language file extensions.
+  File extensions supported by default include
+    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
+    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
+    "xhtml", "xml", "xsl".
+&lt;/pre&gt;</pre>
+
+    <h3>It doesn't work on <tt>&lt;obfuscated code sample&gt;</tt>?</h3>
+    <p>Yes.  Prettifying obfuscated code is like putting lipstick on a pig
+    &mdash; i.e. outside the scope of this tool.</p>
+
+    <h3>Which browsers does it work with?</h3>
+    <p>It's been tested with IE 6, Firefox 1.5 &amp; 2, and Safari 2.0.4.
+    Look at <a href="tests/prettify_test.html">the test page</a> to see if it
+    works in your browser.</p>
+
+    <h3>What's changed?</h3>
+    <p>See the <a href="CHANGES.html">change log</a></p>
+
+    <h3>Why doesn't Prettyprinting of strings work on WordPress?</h3>
+    <p>Apparently wordpress does "smart quoting" which changes close quotes.
+    This causes end quotes to not match up with open quotes.
+    <p>This breaks prettifying as well as copying and pasting of code samples.
+    See
+    <a href="http://wordpress.org/support/topic/125038"
+    >WordPress's help center</a> for info on how to stop smart quoting of code
+    snippets.</p>
+
+    <h3 id="linenums">How do I put line numbers in my code?</h3>
+    <p>You can use the <code>linenums</code> class to turn on line
+    numbering.  If your code doesn't start at line number 1, you can
+    add a colon and a line number to the end of that class as in
+    <code>linenums:52</code>.
+
+    <p>For example
+<pre class="prettyprint">&lt;pre class="prettyprint linenums:<b>4</b>"
+&gt;// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+&lt;pre&gt;</pre>
+    produces
+<pre class="prettyprint linenums:4"
+>// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+</pre>
+
+    <h3>How do I prevent a portion of markup from being marked as code?</h3>
+    <p>You can use the <code>nocode</code> class to identify a span of markup
+    that is not code.
+<pre class="prettyprint">&lt;pre class=prettyprint&gt;
+int x = foo();  /* This is a comment  &lt;span class="nocode"&gt;This is not code&lt;/span&gt;
+  Continuation of comment */
+int y = bar();
+&lt;/pre&gt;</pre>
+produces
+<pre class="prettyprint">
+int x = foo();  /* This is a comment  <span class="nocode">This is not code</span>
+  Continuation of comment */
+int y = bar();
+</pre>
+
+    <p>For a more complete example see the issue22
+    <a href="tests/prettify_test.html#issue22">testcase</a>.</p>
+
+    <h3>I get an error message "a is not a function" or "opt_whenDone is not a function"</h3>
+    <p>If you are calling <code>prettyPrint</code> via an event handler, wrap it in a function.
+    Instead of doing
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', prettyPrint, false);</code>
+    </blockquote>
+    wrap it in a closure like
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', function (event) { prettyPrint() }, false);</code>
+    </blockquote>
+    so that the browser does not pass an event object to <code>prettyPrint</code> which
+    will confuse it.
+
+    <br><br><br>
+
+    <div class="footer">
+<!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->
+<!-- hhmts start -->
+Last modified: Wed Jul 19 13:56:00 PST 2010
+<!-- hhmts end -->
+    </div>
+  </body>
+</html>
diff --git a/docs/assets/vendor/prettify/prettify-min.css b/docs/assets/vendor/prettify/prettify-min.css
new file mode 100644
index 0000000..d44b3a2
--- /dev/null
+++ b/docs/assets/vendor/prettify/prettify-min.css
@@ -0,0 +1 @@
+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
\ No newline at end of file
diff --git a/docs/assets/vendor/prettify/prettify-min.js b/docs/assets/vendor/prettify/prettify-min.js
new file mode 100644
index 0000000..4845d05
--- /dev/null
+++ b/docs/assets/vendor/prettify/prettify-min.js
@@ -0,0 +1 @@
+window.PR_SHOULD_USE_CONTINUATION=true;var prettyPrintOne;var prettyPrint;(function(){var O=window;var j=["break,continue,do,else,for,if,return,while"];var v=[j,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var q=[v,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var m=[q,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var y=[q,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var T=[y,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"];var s="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes";var x=[q,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var t="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var J=[j,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var g=[j,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var I=[j,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var B=[m,T,x,t+J,g,I];var f=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/;var D="str";var A="kwd";var k="com";var Q="typ";var H="lit";var M="pun";var G="pln";var n="tag";var F="dec";var K="src";var R="atn";var o="atv";var P="nocode";var N="(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function l(ab){var af=0;var U=false;var ae=false;for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.ignoreCase){ae=true}else{if(/[a-z]/i.test(ag.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi,""))){U=true;ae=false;break}}}var aa={b:8,t:9,n:10,v:11,f:12,r:13};function ad(aj){var ai=aj.charCodeAt(0);if(ai!==92){return ai}var ah=aj.charAt(1);ai=aa[ah];if(ai){return ai}else{if("0"<=ah&&ah<="7"){return parseInt(aj.substring(1),8)}else{if(ah==="u"||ah==="x"){return parseInt(aj.substring(2),16)}else{return aj.charCodeAt(1)}}}}function V(ah){if(ah<32){return(ah<16?"\\x0":"\\x")+ah.toString(16)}var ai=String.fromCharCode(ah);return(ai==="\\"||ai==="-"||ai==="]"||ai==="^")?"\\"+ai:ai}function Z(an){var ar=an.substring(1,an.length-1).match(new RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]","g"));var ah=[];var ap=ar[0]==="^";var ao=["["];if(ap){ao.push("^")}for(var at=ap?1:0,al=ar.length;at<al;++at){var aj=ar[at];if(/\\[bdsw]/i.test(aj)){ao.push(aj)}else{var ai=ad(aj);var am;if(at+2<al&&"-"===ar[at+1]){am=ad(ar[at+2]);at+=2}else{am=ai}ah.push([ai,am]);if(!(am<65||ai>122)){if(!(am<65||ai>90)){ah.push([Math.max(65,ai)|32,Math.min(am,90)|32])}if(!(am<97||ai>122)){ah.push([Math.max(97,ai)&~32,Math.min(am,122)&~32])}}}}ah.sort(function(aw,av){return(aw[0]-av[0])||(av[1]-aw[1])});var ak=[];var aq=[];for(var at=0;at<ah.length;++at){var au=ah[at];if(au[0]<=aq[1]+1){aq[1]=Math.max(aq[1],au[1])}else{ak.push(aq=au)}}for(var at=0;at<ak.length;++at){var au=ak[at];ao.push(V(au[0]));if(au[1]>au[0]){if(au[1]+1>au[0]){ao.push("-")}ao.push(V(au[1]))}}ao.push("]");return ao.join("")}function Y(an){var al=an.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var aj=al.length;var ap=[];for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai==="("){++ao}else{if("\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah){if(ah<=ao){ap[ah]=-1}else{al[am]=V(ah)}}}}}for(var am=1;am<ap.length;++am){if(-1===ap[am]){ap[am]=++af}}for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai==="("){++ao;if(!ap[ao]){al[am]="(?:"}}else{if("\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah&&ah<=ao){al[am]="\\"+ap[ah]}}}}for(var am=0;am<aj;++am){if("^"===al[am]&&"^"!==al[am+1]){al[am]=""}}if(an.ignoreCase&&U){for(var am=0;am<aj;++am){var ai=al[am];var ak=ai.charAt(0);if(ai.length>=2&&ak==="["){al[am]=Z(ai)}else{if(ak!=="\\"){al[am]=ai.replace(/[a-zA-Z]/g,function(aq){var ar=aq.charCodeAt(0);return"["+String.fromCharCode(ar&~32,ar|32)+"]"})}}}}return al.join("")}var ac=[];for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.global||ag.multiline){throw new Error(""+ag)}ac.push("(?:"+Y(ag)+")")}return new RegExp(ac.join("|"),ae?"gi":"g")}function b(aa,Y){var W=/(?:^|\s)nocode(?:\s|$)/;var ab=[];var Z=0;var X=[];var V=0;function U(ac){switch(ac.nodeType){case 1:if(W.test(ac.className)){return}for(var af=ac.firstChild;af;af=af.nextSibling){U(af)}var ae=ac.nodeName.toLowerCase();if("br"===ae||"li"===ae){ab[V]="\n";X[V<<1]=Z++;X[(V++<<1)|1]=ac}break;case 3:case 4:var ad=ac.nodeValue;if(ad.length){if(!Y){ad=ad.replace(/[ \t\r\n]+/g," ")}else{ad=ad.replace(/\r\n?/g,"\n")}ab[V]=ad;X[V<<1]=Z;Z+=ad.length;X[(V++<<1)|1]=ac}break}}U(aa);return{sourceCode:ab.join("").replace(/\n$/,""),spans:X}}function C(U,W,Y,V){if(!W){return}var X={sourceCode:W,basePos:U};Y(X);V.push.apply(V,X.decorations)}var w=/\S/;function p(U){var X=undefined;for(var W=U.firstChild;W;W=W.nextSibling){var V=W.nodeType;X=(V===1)?(X?U:W):(V===3)?(w.test(W.nodeValue)?U:X):X}return X===U?undefined:X}function h(W,V){var U={};var X;(function(){var af=W.concat(V);var aj=[];var ai={};for(var ad=0,ab=af.length;ad<ab;++ad){var aa=af[ad];var ae=aa[3];if(ae){for(var ag=ae.length;--ag>=0;){U[ae.charAt(ag)]=aa}}var ah=aa[1];var ac=""+ah;if(!ai.hasOwnProperty(ac)){aj.push(ah);ai[ac]=null}}aj.push(/[\0-\uffff]/);X=l(aj)})();var Z=V.length;var Y=function(aj){var ab=aj.sourceCode,aa=aj.basePos;var af=[aa,G];var ah=0;var ap=ab.match(X)||[];var al={};for(var ag=0,at=ap.length;ag<at;++ag){var ai=ap[ag];var ar=al[ai];var ak=void 0;var ao;if(typeof ar==="string"){ao=false}else{var ac=U[ai.charAt(0)];if(ac){ak=ai.match(ac[1]);ar=ac[0]}else{for(var aq=0;aq<Z;++aq){ac=V[aq];ak=ai.match(ac[1]);if(ak){ar=ac[0];break}}if(!ak){ar=G}}ao=ar.length>=5&&"lang-"===ar.substring(0,5);if(ao&&!(ak&&typeof ak[1]==="string")){ao=false;ar=K}if(!ao){al[ai]=ar}}var ad=ah;ah+=ai.length;if(!ao){af.push(aa+ad,ar)}else{var an=ak[1];var am=ai.indexOf(an);var ae=am+an.length;if(ak[2]){ae=ai.length-ak[2].length;am=ae-an.length}var au=ar.substring(5);C(aa+ad,ai.substring(0,am),Y,af);C(aa+ad+am,an,r(au,an),af);C(aa+ad+ae,ai.substring(ae),Y,af)}}aj.decorations=af};return Y}function i(V){var Y=[],U=[];if(V.tripleQuotedStrings){Y.push([D,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(V.multiLineStrings){Y.push([D,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{Y.push([D,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(V.verbatimStrings){U.push([D,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var ab=V.hashComments;if(ab){if(V.cStyleComments){if(ab>1){Y.push([k,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{Y.push([k,/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}U.push([D,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,null])}else{Y.push([k,/^#[^\r\n]*/,null,"#"])}}if(V.cStyleComments){U.push([k,/^\/\/[^\r\n]*/,null]);U.push([k,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(V.regexLiterals){var aa=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");U.push(["lang-regex",new RegExp("^"+N+"("+aa+")")])}var X=V.types;if(X){U.push([Q,X])}var W=(""+V.keywords).replace(/^ | $/g,"");if(W.length){U.push([A,new RegExp("^(?:"+W.replace(/[\s,]+/g,"|")+")\\b"),null])}Y.push([G,/^\s+/,null," \r\n\t\xA0"]);var Z=/^.[^\s\w\.$@\'\"\`\/\\]*/;U.push([H,/^@[a-z_$][a-z_$@0-9]*/i,null],[Q,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[G,/^[a-z_$][a-z_$@0-9]*/i,null],[H,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[G,/^\\[\s\S]?/,null],[M,Z,null]);return h(Y,U)}var L=i({keywords:B,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function S(W,ah,aa){var V=/(?:^|\s)nocode(?:\s|$)/;var ac=/\r\n?|\n/;var ad=W.ownerDocument;var ag=ad.createElement("li");while(W.firstChild){ag.appendChild(W.firstChild)}var X=[ag];function af(am){switch(am.nodeType){case 1:if(V.test(am.className)){break}if("br"===am.nodeName){ae(am);if(am.parentNode){am.parentNode.removeChild(am)}}else{for(var ao=am.firstChild;ao;ao=ao.nextSibling){af(ao)}}break;case 3:case 4:if(aa){var an=am.nodeValue;var ak=an.match(ac);if(ak){var aj=an.substring(0,ak.index);am.nodeValue=aj;var ai=an.substring(ak.index+ak[0].length);if(ai){var al=am.parentNode;al.insertBefore(ad.createTextNode(ai),am.nextSibling)}ae(am);if(!aj){am.parentNode.removeChild(am)}}}break}}function ae(al){while(!al.nextSibling){al=al.parentNode;if(!al){return}}function aj(am,at){var ar=at?am.cloneNode(false):am;var ap=am.parentNode;if(ap){var aq=aj(ap,1);var ao=am.nextSibling;aq.appendChild(ar);for(var an=ao;an;an=ao){ao=an.nextSibling;aq.appendChild(an)}}return ar}var ai=aj(al.nextSibling,0);for(var ak;(ak=ai.parentNode)&&ak.nodeType===1;){ai=ak}X.push(ai)}for(var Z=0;Z<X.length;++Z){af(X[Z])}if(ah===(ah|0)){X[0].setAttribute("value",ah)}var ab=ad.createElement("ol");ab.className="linenums";var Y=Math.max(0,((ah-1))|0)||0;for(var Z=0,U=X.length;Z<U;++Z){ag=X[Z];ag.className="L"+((Z+Y)%10);if(!ag.firstChild){ag.appendChild(ad.createTextNode("\xA0"))}ab.appendChild(ag)}W.appendChild(ab)}function E(af){var X=/\bMSIE\s(\d+)/.exec(navigator.userAgent);X=X&&+X[1]<=8;var ao=/\n/g;var an=af.sourceCode;var ap=an.length;var Y=0;var ad=af.spans;var V=ad.length;var aj=0;var aa=af.decorations;var ab=aa.length;var ac=0;aa[ab]=ap;var av,at;for(at=av=0;at<ab;){if(aa[at]!==aa[at+2]){aa[av++]=aa[at++];aa[av++]=aa[at++]}else{at+=2}}ab=av;for(at=av=0;at<ab;){var aw=aa[at];var ae=aa[at+1];var Z=at+2;while(Z+2<=ab&&aa[Z+1]===ae){Z+=2}aa[av++]=aw;aa[av++]=ae;at=Z}ab=aa.length=av;var au=af.sourceNode;var ak;if(au){ak=au.style.display;au.style.display="none"}try{var ah=null;while(aj<V){var ai=ad[aj];var U=ad[aj+2]||ap;var ar=aa[ac+2]||ap;var Z=Math.min(U,ar);var am=ad[aj+1];var W;if(am.nodeType!==1&&(W=an.substring(Y,Z))){if(X){W=W.replace(ao,"\r")}am.nodeValue=W;var al=am.ownerDocument;var aq=al.createElement("span");aq.className=aa[ac+1];var ag=am.parentNode;ag.replaceChild(aq,am);aq.appendChild(am);if(Y<U){ad[aj+1]=am=al.createTextNode(an.substring(Z,U));ag.insertBefore(am,aq.nextSibling)}}Y=Z;if(Y>=U){aj+=2}if(Y>=ar){ac+=2}}}finally{if(au){au.style.display=ak}}}var u={};function d(W,X){for(var U=X.length;--U>=0;){var V=X[U];if(!u.hasOwnProperty(V)){u[V]=W}else{if(O.console){console.warn("cannot override language handler %s",V)}}}}function r(V,U){if(!(V&&u.hasOwnProperty(V))){V=/^\s*</.test(U)?"default-markup":"default-code"}return u[V]}d(L,["default-code"]);d(h([],[[G,/^[^<?]+/],[F,/^<!\w[^>]*(?:>|$)/],[k,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[M,/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);d(h([[G,/^[\s]+/,null," \t\r\n"],[o,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[n,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[R,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[M,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);d(h([],[[o,/^[\s\S]+/]]),["uq.val"]);d(i({keywords:m,hashComments:true,cStyleComments:true,types:f}),["c","cc","cpp","cxx","cyc","m"]);d(i({keywords:"null,true,false"}),["json"]);d(i({keywords:T,hashComments:true,cStyleComments:true,verbatimStrings:true,types:f}),["cs"]);d(i({keywords:y,cStyleComments:true}),["java"]);d(i({keywords:I,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);d(i({keywords:J,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);d(i({keywords:t,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);d(i({keywords:g,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);d(i({keywords:x,cStyleComments:true,regexLiterals:true}),["js"]);d(i({keywords:s,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);d(h([],[[D,/^[\s\S]+/]]),["regex"]);function e(X){var W=X.langExtension;try{var U=b(X.sourceNode,X.pre);var V=U.sourceCode;X.sourceCode=V;X.spans=U.spans;X.basePos=0;r(W,V)(X);E(X)}catch(Y){if(O.console){console.log(Y&&Y.stack?Y.stack:Y)}}}function z(Y,X,W){var U=document.createElement("pre");U.innerHTML=Y;if(W){S(U,W,true)}var V={langExtension:X,numberLines:W,sourceNode:U,pre:1};e(V);return U.innerHTML}function c(aj){function ab(al){return document.getElementsByTagName(al)}var ah=[ab("pre"),ab("code"),ab("xmp")];var V=[];for(var ae=0;ae<ah.length;++ae){for(var ac=0,Y=ah[ae].length;ac<Y;++ac){V.push(ah[ae][ac])}}ah=null;var Z=Date;if(!Z.now){Z={now:function(){return +(new Date)}}}var aa=0;var U;var af=/\blang(?:uage)?-([\w.]+)(?!\S)/;var ak=/\bprettyprint\b/;var W=/\bprettyprinted\b/;var ag=/pre|xmp/i;var ai=/^code$/i;var ad=/^(?:pre|code|xmp)$/i;function X(){var ar=(O.PR_SHOULD_USE_CONTINUATION?Z.now()+250:Infinity);for(;aa<V.length&&Z.now()<ar;aa++){var at=V[aa];var au=at.className;if(ak.test(au)&&!W.test(au)){var aw=false;for(var ao=at.parentNode;ao;ao=ao.parentNode){var ax=ao.tagName;if(ad.test(ax)&&ao.className&&ak.test(ao.className)){aw=true;break}}if(!aw){at.className+=" prettyprinted";var aq=au.match(af);var am;if(!aq&&(am=p(at))&&ai.test(am.tagName)){aq=am.className.match(af)}if(aq){aq=aq[1]}var ap;if(ag.test(at.tagName)){ap=1}else{var an=at.currentStyle;var al=(an?an.whiteSpace:(document.defaultView&&document.defaultView.getComputedStyle)?document.defaultView.getComputedStyle(at,null).getPropertyValue("white-space"):0);ap=al&&"pre"===al.substring(0,3)}var av=at.className.match(/\blinenums\b(?::(\d+))?/);av=av?av[1]&&av[1].length?+av[1]:true:false;if(av){S(at,av,ap)}U={langExtension:aq,sourceNode:at,numberLines:av,pre:ap};e(U)}}}if(aa<V.length){setTimeout(X,250)}else{if(aj){aj()}}}X()}var a=O.PR={createSimpleLexer:h,registerLangHandler:d,sourceDecorator:i,PR_ATTRIB_NAME:R,PR_ATTRIB_VALUE:o,PR_COMMENT:k,PR_DECLARATION:F,PR_KEYWORD:A,PR_LITERAL:H,PR_NOCODE:P,PR_PLAIN:G,PR_PUNCTUATION:M,PR_SOURCE:K,PR_STRING:D,PR_TAG:n,PR_TYPE:Q,prettyPrintOne:O.prettyPrintOne=z,prettyPrint:O.prettyPrint=c};if(typeof define==="function"&&define.amd){define("google-code-prettify",[],function(){return a})}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^<script\b[^>]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]);
\ No newline at end of file
diff --git a/docs/classes/AssetLoader.html b/docs/classes/AssetLoader.html
new file mode 100644
index 0000000..a16228e
--- /dev/null
+++ b/docs/classes/AssetLoader.html
@@ -0,0 +1,353 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AssetLoader - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>AssetLoader Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends EventTarget
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_loaders_AssetLoader.js.html#l5"><code>pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A Class that loads a bunch of images / sprite sheet files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromFrameId(), PIXI.Texture.fromImage() and PIXI.Sprite.fromImage(), PIXI.Sprite.fromFromeId()
+When all items have been loaded this class will dispatch a 'loaded' event
+As each individual item is loaded this class will dispatch a 'progress' event</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_AssetLoader" class="method item">
+    <h3 class="name"><code>AssetLoader</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>assetURLs</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_loaders_AssetLoader.js.html#l5"><code>pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">assetURLs</code>
+                        <span class="type">Array</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>an array of image/sprite sheet urls that you would like loaded supported. Supported image formats include "jpeg", "jpg", "png", "gif". Supported sprite sheet data formats only include "JSON" at this time</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property">
+                                <a href="#property_assetURLs">assetURLs</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_assetURLs" class="property item">
+    <h3 class="name"><code>assetURLs</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_loaders_AssetLoader.js.html#l19"><code>pixi&#x2F;loaders&#x2F;AssetLoader.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The array of asset URLs that are going to be loaded</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/BaseTexture.html b/docs/classes/BaseTexture.html
new file mode 100644
index 0000000..1ca1ef8
--- /dev/null
+++ b/docs/classes/BaseTexture.html
@@ -0,0 +1,504 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>BaseTexture - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>BaseTexture Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends EventTarget
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l8"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:8</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A texture stores the information that represents an image. All textures have a base texture</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_BaseTexture" class="method item">
+    <h3 class="name"><code>BaseTexture</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>imageUrl</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l8"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:8</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">imageUrl</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>image url</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property">
+                                <a href="#property_height">height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_image">image</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_imageUrl">imageUrl</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_width">width</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_height" class="property item">
+    <h3 class="name"><code>height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l54"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:54</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read only] The height of the base texture set when the image has loaded</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_image" class="property item">
+    <h3 class="name"><code>image</code></h3>
+    <span class="type">Image</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l26"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The html image that is loaded to create the texture</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_imageUrl" class="property item">
+    <h3 class="name"><code>imageUrl</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l19"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The url of the texture</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_width" class="property item">
+    <h3 class="name"><code>width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_BaseTexture.js.html#l48"><code>pixi&#x2F;textures&#x2F;BaseTexture.js:48</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read only] The width of the base texture set when the image has loaded</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/CanvasRenderer.html b/docs/classes/CanvasRenderer.html
new file mode 100644
index 0000000..0bbde26
--- /dev/null
+++ b/docs/classes/CanvasRenderer.html
@@ -0,0 +1,525 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>CanvasRenderer - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>CanvasRenderer Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l5"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>the CanvasRenderer is draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.
+Dont forget to add the view to your DOM or you will not see anything :)</p>
+</div>
+
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_render">render</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_context">context</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_height">height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_view">view</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_width">width</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_render" class="method item">
+    <h3 class="name"><code>render</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>stage</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l54"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:54</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders the stage to its canvas view</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">stage</code>
+                        <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the Stage element to be rendered</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_context" class="property item">
+    <h3 class="name"><code>context</code></h3>
+    <span class="type">Canvas 2d Context</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l43"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:43</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The canvas context that the everything is drawn to</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_height" class="property item">
+    <h3 class="name"><code>height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l21"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:21</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The height of the canvas view</p>
+    </div>
+
+    
+        <p><strong>Default:</strong> 600</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_view" class="property item">
+    <h3 class="name"><code>view</code></h3>
+    <span class="type">Canvas</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l31"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:31</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The canvas element that the everything is drawn to</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_width" class="property item">
+    <h3 class="name"><code>width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_CanvasRenderer.js.html#l14"><code>pixi&#x2F;renderers&#x2F;CanvasRenderer.js:14</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the canvas view</p>
+    </div>
+
+    
+        <p><strong>Default:</strong> 800</p>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/DisplayObject.html b/docs/classes/DisplayObject.html
new file mode 100644
index 0000000..19c83bd
--- /dev/null
+++ b/docs/classes/DisplayObject.html
@@ -0,0 +1,756 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>DisplayObject - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>DisplayObject Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l5"><code>pixi&#x2F;DisplayObject.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>this is the base class for all objects that are rendered on the screen.</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_DisplayObject" class="method item">
+    <h3 class="name"><code>DisplayObject</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l5"><code>pixi&#x2F;DisplayObject.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_autoDetectRenderer">autoDetectRenderer</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_alpha">alpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_parent">parent</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_position">position</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_rotation">rotation</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_scale">scale</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_stage">stage</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_visible">visible</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_autoDetectRenderer" class="method item">
+    <h3 class="name"><code>autoDetectRenderer</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>width</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>height</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_utils_Detector.js.html#l5"><code>pixi&#x2F;utils&#x2F;Detector.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>This helper function will automatically detect which renderer you should be using.
+WebGL is the preferred renderer as it is a lot fastest. If webGL is not supported by the browser then this function will return a canvas renderer</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">width</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the width of the renderers view</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">height</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the height of the renderers view</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_alpha" class="property item">
+    <h3 class="name"><code>alpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l33"><code>pixi&#x2F;DisplayObject.js:33</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The opacity of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_parent" class="property item">
+    <h3 class="name"><code>parent</code></h3>
+    <span class="type"><a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l48"><code>pixi&#x2F;DisplayObject.js:48</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The display object container that contains this display object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_position" class="property item">
+    <h3 class="name"><code>position</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l12"><code>pixi&#x2F;DisplayObject.js:12</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_rotation" class="property item">
+    <h3 class="name"><code>rotation</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l26"><code>pixi&#x2F;DisplayObject.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The rotation of the object in radians.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_scale" class="property item">
+    <h3 class="name"><code>scale</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l19"><code>pixi&#x2F;DisplayObject.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The scale factor of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_stage" class="property item">
+    <h3 class="name"><code>stage</code></h3>
+    <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l55"><code>pixi&#x2F;DisplayObject.js:55</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_visible" class="property item">
+    <h3 class="name"><code>visible</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l40"><code>pixi&#x2F;DisplayObject.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The visibility of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/DisplayObjectContainer.html b/docs/classes/DisplayObjectContainer.html
new file mode 100644
index 0000000..ef00a78
--- /dev/null
+++ b/docs/classes/DisplayObjectContainer.html
@@ -0,0 +1,973 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>DisplayObjectContainer - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>DisplayObjectContainer Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends <a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a>
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l6"><code>pixi&#x2F;DisplayObjectContainer.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_DisplayObjectContainer" class="method item">
+    <h3 class="name"><code>DisplayObjectContainer</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l6"><code>pixi&#x2F;DisplayObjectContainer.js:6</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods extends">
+                        
+                            <li class="index-item method">
+                                <a href="#method_addChild">addChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_addChildAt">addChildAt</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_removeChild">removeChild</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_alpha">alpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_children">children</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_parent">parent</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_position">position</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_rotation">rotation</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_scale">scale</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_stage">stage</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_visible">visible</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_addChild" class="method item">
+    <h3 class="name"><code>addChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l29"><code>pixi&#x2F;DisplayObjectContainer.js:29</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_addChildAt" class="method item">
+    <h3 class="name"><code>addChildAt</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l51"><code>pixi&#x2F;DisplayObjectContainer.js:51</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeChild" class="method item">
+    <h3 class="name"><code>removeChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l97"><code>pixi&#x2F;DisplayObjectContainer.js:97</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes a child from the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_alpha" class="property item inherited">
+    <h3 class="name"><code>alpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l33"><code>pixi&#x2F;DisplayObject.js:33</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The opacity of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_children" class="property item">
+    <h3 class="name"><code>children</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l16"><code>pixi&#x2F;DisplayObjectContainer.js:16</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The of children of this container.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_parent" class="property item inherited">
+    <h3 class="name"><code>parent</code></h3>
+    <span class="type"><a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l48"><code>pixi&#x2F;DisplayObject.js:48</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The display object container that contains this display object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_position" class="property item inherited">
+    <h3 class="name"><code>position</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l12"><code>pixi&#x2F;DisplayObject.js:12</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_rotation" class="property item inherited">
+    <h3 class="name"><code>rotation</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l26"><code>pixi&#x2F;DisplayObject.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The rotation of the object in radians.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_scale" class="property item inherited">
+    <h3 class="name"><code>scale</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l19"><code>pixi&#x2F;DisplayObject.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The scale factor of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_stage" class="property item inherited">
+    <h3 class="name"><code>stage</code></h3>
+    <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l55"><code>pixi&#x2F;DisplayObject.js:55</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_visible" class="property item inherited">
+    <h3 class="name"><code>visible</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l40"><code>pixi&#x2F;DisplayObject.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The visibility of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/MovieClip.html b/docs/classes/MovieClip.html
new file mode 100644
index 0000000..313d7f4
--- /dev/null
+++ b/docs/classes/MovieClip.html
@@ -0,0 +1,826 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>MovieClip - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>MovieClip Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l5"><code>pixi&#x2F;MovieClip.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A MovieClip is a simple way to display an animation depicted by a list of textures.</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_MovieClip" class="method item">
+    <h3 class="name"><code>MovieClip</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>textures</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l5"><code>pixi&#x2F;MovieClip.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">textures</code>
+                        <span class="type">Array</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>an array of {Texture} objects that make up the animation</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_gotoAndPlay">gotoAndPlay</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_gotoAndStop">gotoAndStop</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_play">play</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_stop">stop</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_animationSpeed">animationSpeed</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_currentFrame">currentFrame</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_playing">playing</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_textures">textures</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_gotoAndPlay" class="method item">
+    <h3 class="name"><code>gotoAndPlay</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frameNumber</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l79"><code>pixi&#x2F;MovieClip.js:79</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Goes to a specific frame and begins playing the MovieClip</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameNumber</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>frame index to start at</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_gotoAndStop" class="method item">
+    <h3 class="name"><code>gotoAndStop</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frameNumber</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l66"><code>pixi&#x2F;MovieClip.js:66</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Stops the MovieClip and goes to a specific frame</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameNumber</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>frame index to stop at</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_play" class="method item">
+    <h3 class="name"><code>play</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l57"><code>pixi&#x2F;MovieClip.js:57</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Plays the MovieClip</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_stop" class="method item">
+    <h3 class="name"><code>stop</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l48"><code>pixi&#x2F;MovieClip.js:48</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Stops the MovieClip</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_animationSpeed" class="property item">
+    <h3 class="name"><code>animationSpeed</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l29"><code>pixi&#x2F;MovieClip.js:29</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The speed that the MovieClip will play at. Higher is faster, lower is slower</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_currentFrame" class="property item">
+    <h3 class="name"><code>currentFrame</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l22"><code>pixi&#x2F;MovieClip.js:22</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read only] The index MovieClips current frame (this may not have to be a whole number)</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_playing" class="property item">
+    <h3 class="name"><code>playing</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l36"><code>pixi&#x2F;MovieClip.js:36</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read only] indicates if the MovieClip is currently playing</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_textures" class="property item">
+    <h3 class="name"><code>textures</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_MovieClip.js.html#l15"><code>pixi&#x2F;MovieClip.js:15</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The array of textures that make up the animation</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Point.html b/docs/classes/Point.html
new file mode 100644
index 0000000..194ad54
--- /dev/null
+++ b/docs/classes/Point.html
@@ -0,0 +1,515 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Point - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Point Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_Point.js.html#l5"><code>pixi&#x2F;Point.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Point" class="method item">
+    <h3 class="name"><code>Point</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>x</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>y</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Point.js.html#l5"><code>pixi&#x2F;Point.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">x</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>position of the point</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">y</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>position of the point</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_clone">clone</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_x">x</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_y">y</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_clone" class="method item">
+    <h3 class="name"><code>clone</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Point.js.html#l29"><code>pixi&#x2F;Point.js:29</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                    a copy of the point
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_x" class="property item">
+    <h3 class="name"><code>x</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Point.js.html#l14"><code>pixi&#x2F;Point.js:14</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_y" class="property item">
+    <h3 class="name"><code>y</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Point.js.html#l21"><code>pixi&#x2F;Point.js:21</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Rectangle.html b/docs/classes/Rectangle.html
new file mode 100644
index 0000000..23ed7ab
--- /dev/null
+++ b/docs/classes/Rectangle.html
@@ -0,0 +1,663 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Rectangle - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Rectangle Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l5"><code>pixi&#x2F;Rectangle.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Rectangle" class="method item">
+    <h3 class="name"><code>Rectangle</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>x</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>y</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>width</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>height</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l5"><code>pixi&#x2F;Rectangle.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">x</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>position of the rectangle</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">y</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>position of the rectangle</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">width</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>of the rectangle</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">height</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>of the rectangle</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_clone">clone</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_height">height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_width">width</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_x">x</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_y">y</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_clone" class="method item">
+    <h3 class="name"><code>clone</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l45"><code>pixi&#x2F;Rectangle.js:45</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                    a copy of the rectangle
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_height" class="property item">
+    <h3 class="name"><code>height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l37"><code>pixi&#x2F;Rectangle.js:37</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_width" class="property item">
+    <h3 class="name"><code>width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l30"><code>pixi&#x2F;Rectangle.js:30</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_x" class="property item">
+    <h3 class="name"><code>x</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l16"><code>pixi&#x2F;Rectangle.js:16</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_y" class="property item">
+    <h3 class="name"><code>y</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Rectangle.js.html#l23"><code>pixi&#x2F;Rectangle.js:23</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Sprite.html b/docs/classes/Sprite.html
new file mode 100644
index 0000000..0d6ca27
--- /dev/null
+++ b/docs/classes/Sprite.html
@@ -0,0 +1,1579 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Sprite - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Sprite Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends <a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a>
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l10"><code>pixi&#x2F;Sprite.js:10</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Sprite" class="method item">
+    <h3 class="name"><code>Sprite</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>texture</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l10"><code>pixi&#x2F;Sprite.js:10</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">texture</code>
+                        <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods extends">
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_addChild">addChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_addChildAt">addChildAt</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_fromFrame">fromFrame</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_fromImage">fromImage</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_removeChild">removeChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_setTexture">setTexture</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_alpha">alpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_anchor">anchor</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_blendMode">blendMode</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_children">children</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_height">height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_parent">parent</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_position">position</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_rotation">rotation</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_scale">scale</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_stage">stage</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_texture">texture</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_visible">visible</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_width">width</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_addChild" class="method item inherited">
+    <h3 class="name"><code>addChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l29"><code>pixi&#x2F;DisplayObjectContainer.js:29</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_addChildAt" class="method item inherited">
+    <h3 class="name"><code>addChildAt</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l51"><code>pixi&#x2F;DisplayObjectContainer.js:51</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_fromFrame" class="method item">
+    <h3 class="name"><code>fromFrame</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frameId</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l111"><code>pixi&#x2F;Sprite.js:111</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Helper function that creates a sprite that will contain a texture from the TextureCache based on tjhe frameId
+ The frame ids are created when a Texture packer file has been loaded</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameId</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The frame Id of the texture in the cache</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>:
+                    
+                    A new Sprite using a texture from the texture cache matching the frameId
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_fromImage" class="method item">
+    <h3 class="name"><code>fromImage</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>The</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l127"><code>pixi&#x2F;Sprite.js:127</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Helper function that creates a sprite that will contain a texture based on an image url
+ If the image is not in the texture cache it will be loaded</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">The</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>image url of the texture</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>:
+                    
+                    A new Sprite using a texture from the texture cache matching the image id
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeChild" class="method item inherited">
+    <h3 class="name"><code>removeChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l97"><code>pixi&#x2F;DisplayObjectContainer.js:97</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes a child from the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setTexture" class="method item">
+    <h3 class="name"><code>setTexture</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>texture</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l79"><code>pixi&#x2F;Sprite.js:79</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">texture</code>
+                        <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The PIXI texture that is displayed by the sprite</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_alpha" class="property item inherited">
+    <h3 class="name"><code>alpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l33"><code>pixi&#x2F;DisplayObject.js:33</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The opacity of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_anchor" class="property item">
+    <h3 class="name"><code>anchor</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l21"><code>pixi&#x2F;Sprite.js:21</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The anchor sets the origin point of the texture.
+The default is 0,0 this means the textures origin is the top left 
+Setting than anchor to 0.5,0.5 means the textures origin is centered
+Setting the anchor to 1,1 would mean the textures origin points will be the bottom right</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_blendMode" class="property item">
+    <h3 class="name"><code>blendMode</code></h3>
+    <span class="type">Uint</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l38"><code>pixi&#x2F;Sprite.js:38</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The blend mode of sprite.
+currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_children" class="property item inherited">
+    <h3 class="name"><code>children</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l16"><code>pixi&#x2F;DisplayObjectContainer.js:16</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The of children of this container.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_height" class="property item">
+    <h3 class="name"><code>height</code></h3>
+    <span class="type">#Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l53"><code>pixi&#x2F;Sprite.js:53</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The height of the sprite (this is initially set by the texture)</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_parent" class="property item inherited">
+    <h3 class="name"><code>parent</code></h3>
+    <span class="type"><a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l48"><code>pixi&#x2F;DisplayObject.js:48</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The display object container that contains this display object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_position" class="property item inherited">
+    <h3 class="name"><code>position</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l12"><code>pixi&#x2F;DisplayObject.js:12</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_rotation" class="property item inherited">
+    <h3 class="name"><code>rotation</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l26"><code>pixi&#x2F;DisplayObject.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The rotation of the object in radians.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_scale" class="property item inherited">
+    <h3 class="name"><code>scale</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l19"><code>pixi&#x2F;DisplayObject.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The scale factor of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_stage" class="property item inherited">
+    <h3 class="name"><code>stage</code></h3>
+    <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l55"><code>pixi&#x2F;DisplayObject.js:55</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_texture" class="property item">
+    <h3 class="name"><code>texture</code></h3>
+    <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l31"><code>pixi&#x2F;Sprite.js:31</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The texture that the sprite is using</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_visible" class="property item inherited">
+    <h3 class="name"><code>visible</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l40"><code>pixi&#x2F;DisplayObject.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The visibility of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_width" class="property item">
+    <h3 class="name"><code>width</code></h3>
+    <span class="type">#Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Sprite.js.html#l46"><code>pixi&#x2F;Sprite.js:46</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the sprite (this is initially set by the texture)</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/SpriteSheetLoader.html b/docs/classes/SpriteSheetLoader.html
new file mode 100644
index 0000000..a04eb38
--- /dev/null
+++ b/docs/classes/SpriteSheetLoader.html
@@ -0,0 +1,290 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>SpriteSheetLoader - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>SpriteSheetLoader Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends EventTarget
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_loaders_SpriteSheetLoader.js.html#l5"><code>pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The sprite sheet loader is used to load in JSON sprite sheet data
+To generate the data you can use http://www.codeandweb.com/texturepacker and publish the "JSON" format
+There is a free version so thats nice, although the paid version is great value for money.
+It is highly recommended to use Sprite sheets (also know as texture atlas') as it means sprite's can be batched and drawn together for highly increased rendering speed.
+Once the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
+This loader will also load the image file that the Spritesheet points to as well as the data.
+When loaded this class will dispatch a 'loaded' event</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_SpriteSheetLoader" class="method item">
+    <h3 class="name"><code>SpriteSheetLoader</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>url</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_loaders_SpriteSheetLoader.js.html#l5"><code>pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">url</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the url of the sprite sheet JSON file</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Stage.html b/docs/classes/Stage.html
new file mode 100644
index 0000000..371f571
--- /dev/null
+++ b/docs/classes/Stage.html
@@ -0,0 +1,1144 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Stage - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Stage Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends <a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a>
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l5"><code>pixi&#x2F;Stage.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A Stage represents the root of the display tree. Everything connected to the stage is rendered</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Stage" class="method item">
+    <h3 class="name"><code>Stage</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l5"><code>pixi&#x2F;Stage.js:5</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods extends">
+                        
+                            <li class="index-item method">
+                                <a href="#method___addChild">__addChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method___removeChild">__removeChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_addChild">addChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_addChildAt">addChildAt</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method inherited">
+                                <a href="#method_removeChild">removeChild</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_updateTransform">updateTransform</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_alpha">alpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_children">children</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_parent">parent</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_position">position</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_rotation">rotation</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_scale">scale</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_stage">stage</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_visible">visible</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method___addChild" class="method item">
+    <h3 class="name"><code>__addChild</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l44"><code>pixi&#x2F;Stage.js:44</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method___removeChild" class="method item">
+    <h3 class="name"><code>__removeChild</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l63"><code>pixi&#x2F;Stage.js:63</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_addChild" class="method item inherited">
+    <h3 class="name"><code>addChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l29"><code>pixi&#x2F;DisplayObjectContainer.js:29</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_addChildAt" class="method item inherited">
+    <h3 class="name"><code>addChildAt</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l51"><code>pixi&#x2F;DisplayObjectContainer.js:51</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeChild" class="method item inherited">
+    <h3 class="name"><code>removeChild</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>DisplayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l97"><code>pixi&#x2F;DisplayObjectContainer.js:97</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes a child from the container.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">DisplayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTransform" class="method item">
+    <h3 class="name"><code>updateTransform</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l26"><code>pixi&#x2F;Stage.js:26</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_alpha" class="property item inherited">
+    <h3 class="name"><code>alpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l33"><code>pixi&#x2F;DisplayObject.js:33</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The opacity of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_children" class="property item inherited">
+    <h3 class="name"><code>children</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObjectContainer.js.html#l16"><code>pixi&#x2F;DisplayObjectContainer.js:16</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The of children of this container.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_parent" class="property item inherited">
+    <h3 class="name"><code>parent</code></h3>
+    <span class="type"><a href="../classes/DisplayObjectContainer.html" class="crosslink">DisplayObjectContainer</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l48"><code>pixi&#x2F;DisplayObject.js:48</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The display object container that contains this display object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_position" class="property item inherited">
+    <h3 class="name"><code>position</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l12"><code>pixi&#x2F;DisplayObject.js:12</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_rotation" class="property item inherited">
+    <h3 class="name"><code>rotation</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l26"><code>pixi&#x2F;DisplayObject.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The rotation of the object in radians.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_scale" class="property item inherited">
+    <h3 class="name"><code>scale</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l19"><code>pixi&#x2F;DisplayObject.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The scale factor of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_stage" class="property item inherited">
+    <h3 class="name"><code>stage</code></h3>
+    <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l55"><code>pixi&#x2F;DisplayObject.js:55</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_visible" class="property item inherited">
+    <h3 class="name"><code>visible</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_DisplayObject.js.html#l40"><code>pixi&#x2F;DisplayObject.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The visibility of the object.</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Texture.html b/docs/classes/Texture.html
new file mode 100644
index 0000000..0dc539e
--- /dev/null
+++ b/docs/classes/Texture.html
@@ -0,0 +1,966 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Texture - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Texture Class</h1>
+<div class="box meta">
+    
+
+    
+        <div class="extends">
+            Extends EventTarget
+        </div>
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l8"><code>pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used</p>
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Texture" class="method item">
+    <h3 class="name"><code>Texture</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>baseTexture</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>frmae</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l8"><code>pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">baseTexture</code>
+                        <span class="type"><a href="../classes/BaseTexture.html" class="crosslink">BaseTexture</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">frmae</code>
+                        <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods extends">
+                        
+                            <li class="index-item method">
+                                <a href="#method_addTextureToCache">addTextureToCache</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_fromFrameId">fromFrameId</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_fromImage">fromImage</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_removeTextureFromCache">removeTextureFromCache</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_setFrame">setFrame</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties extends">
+                        
+                            <li class="index-item property">
+                                <a href="#property_baseTexture">baseTexture</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_frame">frame</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_addTextureToCache" class="method item">
+    <h3 class="name"><code>addTextureToCache</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>texture</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>id</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l127"><code>pixi&#x2F;textures&#x2F;Texture.js:127</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a texture to the textureCache.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">texture</code>
+                        <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">id</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the id that the texture will be stored against.</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_fromFrameId" class="method item">
+    <h3 class="name"><code>fromFrameId</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frameId</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l112"><code>pixi&#x2F;textures&#x2F;Texture.js:112</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Helper function that returns a texture based on a frame id
+ If the frame id is not in the texture cache an error will be thrown</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameId</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The frame id of the texture</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                    Texture
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_fromImage" class="method item">
+    <h3 class="name"><code>fromImage</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>imageUrl</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l88"><code>pixi&#x2F;textures&#x2F;Texture.js:88</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Helper function that returns a texture based on an image url
+ If the image is not in the texture cache it will be  created and loaded</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">imageUrl</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The image url of the texture</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                    Texture
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeTextureFromCache" class="method item">
+    <h3 class="name"><code>removeTextureFromCache</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>id</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l139"><code>pixi&#x2F;textures&#x2F;Texture.js:139</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Remove a texture from the textureCache.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">id</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the id of the texture to be removed</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setFrame" class="method item">
+    <h3 class="name"><code>setFrame</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frame</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l75"><code>pixi&#x2F;textures&#x2F;Texture.js:75</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Specifies the rectangle region of the baseTexture</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frame</code>
+                        <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_baseTexture" class="property item">
+    <h3 class="name"><code>baseTexture</code></h3>
+    <span class="type"><a href="../classes/BaseTexture.html" class="crosslink">BaseTexture</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l28"><code>pixi&#x2F;textures&#x2F;Texture.js:28</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The base texture of this texture</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_frame" class="property item">
+    <h3 class="name"><code>frame</code></h3>
+    <span class="type">#Rectangle</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_textures_Texture.js.html#l37"><code>pixi&#x2F;textures&#x2F;Texture.js:37</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The frame specifies the region of the base texture that this texture uses</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/WebGLBatch.html b/docs/classes/WebGLBatch.html
new file mode 100644
index 0000000..c97f357
--- /dev/null
+++ b/docs/classes/WebGLBatch.html
@@ -0,0 +1,1013 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WebGLBatch - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>WebGLBatch Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l42"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:42</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A WebGLBatch Enables a group of sprites to be drawn using the same settings.
+if a group of sprites all have the same baseTexture and blendMode then they can be grouped into a batch. All the sprites in a batch can then be drawn in one go by the GPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch even if the batch only contains one sprite. Batching is handled automatically by the webGL renderer. A good tip is: the smaller the number of batchs there are, the faster the webGL renderer will run.</p>
+</div>
+
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_init">init</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_insertAfter">insertAfter</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_insertBefore">insertBefore</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_merge">merge</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_refresh">refresh</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_remove">remove</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_render">render</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_split">split</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_update">update</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_init" class="method item">
+    <h3 class="name"><code>init</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>sprite</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l98"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:98</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>inits the batch's texture and blend mode based if the supplied sprite</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">sprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the first sprite to be added to the batch. Only sprites with the same base texture and blend mode will be allowed to be added to this batch</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_insertAfter" class="method item">
+    <h3 class="name"><code>insertAfter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>sprite</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>previousSprite</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l145"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:145</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>inserts a sprite after the specified sprite</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">sprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the sprite to be added</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">previousSprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the first sprite will be inserted after this sprite</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_insertBefore" class="method item">
+    <h3 class="name"><code>insertBefore</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>sprite</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>nextSprite</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l117"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:117</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>inserts a sprite before the specified sprite</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">sprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the sprite to be added</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">nextSprite</code>
+                        <span class="type">NextSprite</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the first sprite will be inserted before this sprite</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_merge" class="method item">
+    <h3 class="name"><code>merge</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>batch</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l267"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:267</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Merges two batchs together</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">batch</code>
+                        <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the batch that will be merged</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_refresh" class="method item">
+    <h3 class="name"><code>refresh</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l345"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:345</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Refresh's all the data in the batch and sync's it with the webGL buffers</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_remove" class="method item">
+    <h3 class="name"><code>remove</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>sprite</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l175"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:175</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>removes a sprite from the batch</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">sprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the sprite to be removed</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_render" class="method item">
+    <h3 class="name"><code>render</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l491"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:491</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Draws the batch to the frame buffer</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_split" class="method item">
+    <h3 class="name"><code>split</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>sprite</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l218"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:218</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Splits the batch into two with the specified sprite being the start of the new batch.</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">sprite</code>
+                        <span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the sprite that indicates where the batch should be split</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>:
+                    
+                    the new batch
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_update" class="method item">
+    <h3 class="name"><code>update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLBatch.js.html#l400"><code>pixi&#x2F;renderers&#x2F;WebGLBatch.js:400</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates all the relevant geometry and uploads the data to the GPU</p>
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/WebGLRenderer.html b/docs/classes/WebGLRenderer.html
new file mode 100644
index 0000000..d4f30a2
--- /dev/null
+++ b/docs/classes/WebGLRenderer.html
@@ -0,0 +1,416 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WebGLRenderer - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>WebGLRenderer Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLRenderer.js.html#l7"><code>pixi&#x2F;renderers&#x2F;WebGLRenderer.js:7</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer should be used for browsers support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batch's or Sprite Cloud's
+Dont forget to add the view to your DOM or you will not see anything :)</p>
+</div>
+
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_render">render</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_resize">resize</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_render" class="method item">
+    <h3 class="name"><code>render</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>stage</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLRenderer.js.html#l156"><code>pixi&#x2F;renderers&#x2F;WebGLRenderer.js:156</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders the stage to its webGL view</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">stage</code>
+                        <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the PIXI.Stage element to be rendered</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_resize" class="method item">
+    <h3 class="name"><code>resize</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>width</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>height</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="..&#x2F;files&#x2F;pixi_renderers_WebGLRenderer.js.html#l525"><code>pixi&#x2F;renderers&#x2F;WebGLRenderer.js:525</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>resizes the webGL view to the specified width and height</p>
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">width</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the new width of the webGL view</p>
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">height</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the new height of the webGL view</p>
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/index.html b/docs/classes/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/docs/classes/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/docs/data.json b/docs/data.json
new file mode 100644
index 0000000..0c986fb
--- /dev/null
+++ b/docs/data.json
@@ -0,0 +1,1821 @@
+{
+    "project": {
+        "name": "The Foo API",
+        "description": "The Foo API: a library for doing X, Y, and Z",
+        "version": "1.2.1",
+        "url": "http://example.com/"
+    },
+    "files": {
+        "pixi/extras/Rope.js": {
+            "name": "pixi/extras/Rope.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/extras/Strip.js": {
+            "name": "pixi/extras/Strip.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/loaders/AssetLoader.js": {
+            "name": "pixi/loaders/AssetLoader.js",
+            "modules": {},
+            "classes": {
+                "AssetLoader": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/loaders/SpriteSheetLoader.js": {
+            "name": "pixi/loaders/SpriteSheetLoader.js",
+            "modules": {},
+            "classes": {
+                "SpriteSheetLoader": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/renderers/CanvasRenderer.js": {
+            "name": "pixi/renderers/CanvasRenderer.js",
+            "modules": {},
+            "classes": {
+                "CanvasRenderer": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/renderers/WebGLBatch.js": {
+            "name": "pixi/renderers/WebGLBatch.js",
+            "modules": {},
+            "classes": {
+                "WebGLBatch": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/renderers/WebGLRenderer.js": {
+            "name": "pixi/renderers/WebGLRenderer.js",
+            "modules": {},
+            "classes": {
+                "WebGLRenderer": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/renderers/WebGLShaders.js": {
+            "name": "pixi/renderers/WebGLShaders.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/textures/BaseTexture.js": {
+            "name": "pixi/textures/BaseTexture.js",
+            "modules": {},
+            "classes": {
+                "BaseTexture": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/textures/Texture.js": {
+            "name": "pixi/textures/Texture.js",
+            "modules": {},
+            "classes": {
+                "Texture": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/utils/Detector.js": {
+            "name": "pixi/utils/Detector.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/utils/EventTarget.js": {
+            "name": "pixi/utils/EventTarget.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/utils/Utils.js": {
+            "name": "pixi/utils/Utils.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/DisplayObject.js": {
+            "name": "pixi/DisplayObject.js",
+            "modules": {},
+            "classes": {
+                "DisplayObject": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/DisplayObjectContainer.js": {
+            "name": "pixi/DisplayObjectContainer.js",
+            "modules": {},
+            "classes": {
+                "DisplayObjectContainer": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/MovieClip.js": {
+            "name": "pixi/MovieClip.js",
+            "modules": {},
+            "classes": {
+                "MovieClip": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/Pixi.js": {
+            "name": "pixi/Pixi.js",
+            "modules": {
+                "PIXI": 1
+            },
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/Point.js": {
+            "name": "pixi/Point.js",
+            "modules": {},
+            "classes": {
+                "Point": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/Rectangle.js": {
+            "name": "pixi/Rectangle.js",
+            "modules": {},
+            "classes": {
+                "Rectangle": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/Sprite.js": {
+            "name": "pixi/Sprite.js",
+            "modules": {},
+            "classes": {
+                "Sprite": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "pixi/Stage.js": {
+            "name": "pixi/Stage.js",
+            "modules": {},
+            "classes": {
+                "Stage": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        }
+    },
+    "modules": {
+        "PIXI": {
+            "name": "PIXI",
+            "submodules": {},
+            "classes": {
+                "AssetLoader": 1,
+                "SpriteSheetLoader": 1,
+                "CanvasRenderer": 1,
+                "WebGLBatch": 1,
+                "WebGLRenderer": 1,
+                "BaseTexture": 1,
+                "Texture": 1,
+                "DisplayObject": 1,
+                "DisplayObjectContainer": 1,
+                "MovieClip": 1,
+                "Point": 1,
+                "Rectangle": 1,
+                "Sprite": 1,
+                "Stage": 1
+            },
+            "fors": {},
+            "namespaces": {},
+            "tag": "module",
+            "file": "pixi/Stage.js",
+            "line": 5
+        }
+    },
+    "classes": {
+        "AssetLoader": {
+            "name": "AssetLoader",
+            "shortname": "AssetLoader",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/loaders/AssetLoader.js",
+            "line": 5,
+            "description": "A Class that loads a bunch of images / sprite sheet files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromFrameId(), PIXI.Texture.fromImage() and PIXI.Sprite.fromImage(), PIXI.Sprite.fromFromeId()\nWhen all items have been loaded this class will dispatch a 'loaded' event\nAs each individual item is loaded this class will dispatch a 'progress' event",
+            "is_constructor": 1,
+            "extends": "EventTarget",
+            "params": [
+                {
+                    "name": "assetURLs",
+                    "description": "an array of image/sprite sheet urls that you would like loaded supported. Supported image formats include \"jpeg\", \"jpg\", \"png\", \"gif\". Supported sprite sheet data formats only include \"JSON\" at this time",
+                    "type": "Array"
+                }
+            ]
+        },
+        "SpriteSheetLoader": {
+            "name": "SpriteSheetLoader",
+            "shortname": "SpriteSheetLoader",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/loaders/SpriteSheetLoader.js",
+            "line": 5,
+            "description": "The sprite sheet loader is used to load in JSON sprite sheet data\nTo generate the data you can use http://www.codeandweb.com/texturepacker and publish the \"JSON\" format\nThere is a free version so thats nice, although the paid version is great value for money.\nIt is highly recommended to use Sprite sheets (also know as texture atlas') as it means sprite's can be batched and drawn together for highly increased rendering speed.\nOnce the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()\nThis loader will also load the image file that the Spritesheet points to as well as the data.\nWhen loaded this class will dispatch a 'loaded' event",
+            "extends": "EventTarget",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "url",
+                    "description": "the url of the sprite sheet JSON file",
+                    "type": "String"
+                }
+            ]
+        },
+        "CanvasRenderer": {
+            "name": "CanvasRenderer",
+            "shortname": "CanvasRenderer",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 5,
+            "description": "the CanvasRenderer is draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.\nDont forget to add the view to your DOM or you will not see anything :)",
+            "params": [
+                {
+                    "name": "width",
+                    "description": "the width of the canvas view",
+                    "type": "Number"
+                },
+                {
+                    "name": "height",
+                    "description": "the height of the canvas view",
+                    "type": "Number"
+                }
+            ]
+        },
+        "WebGLBatch": {
+            "name": "WebGLBatch",
+            "shortname": "WebGLBatch",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 42,
+            "description": "A WebGLBatch Enables a group of sprites to be drawn using the same settings.\nif a group of sprites all have the same baseTexture and blendMode then they can be grouped into a batch. All the sprites in a batch can then be drawn in one go by the GPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch even if the batch only contains one sprite. Batching is handled automatically by the webGL renderer. A good tip is: the smaller the number of batchs there are, the faster the webGL renderer will run.",
+            "params": [
+                {
+                    "name": "an",
+                    "description": "instance of the webGL context"
+                }
+            ],
+            "return": {
+                "description": "WebGLBatch {@link PIXI.renderers.WebGLBatch}",
+                "type": "PIXI.renderers.WebGLBatch"
+            }
+        },
+        "WebGLRenderer": {
+            "name": "WebGLRenderer",
+            "shortname": "WebGLRenderer",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 7,
+            "description": "the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer should be used for browsers support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batch's or Sprite Cloud's\nDont forget to add the view to your DOM or you will not see anything :)",
+            "params": [
+                {
+                    "name": "width",
+                    "description": "the width of the canvas view",
+                    "type": "Number"
+                },
+                {
+                    "name": "height",
+                    "description": "the height of the canvas view",
+                    "type": "Number"
+                }
+            ],
+            "default": "0"
+        },
+        "BaseTexture": {
+            "name": "BaseTexture",
+            "shortname": "BaseTexture",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 8,
+            "description": "A texture stores the information that represents an image. All textures have a base texture",
+            "extends": "EventTarget",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "imageUrl",
+                    "description": "image url",
+                    "type": "String"
+                }
+            ]
+        },
+        "Texture": {
+            "name": "Texture",
+            "shortname": "Texture",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/textures/Texture.js",
+            "line": 8,
+            "description": "A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used",
+            "extends": "EventTarget",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "baseTexture",
+                    "description": "",
+                    "type": "BaseTexture"
+                },
+                {
+                    "name": "frmae",
+                    "description": "",
+                    "type": "Rectangle"
+                }
+            ]
+        },
+        "DisplayObject": {
+            "name": "DisplayObject",
+            "shortname": "DisplayObject",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/DisplayObject.js",
+            "line": 5,
+            "description": "this is the base class for all objects that are rendered on the screen.",
+            "is_constructor": 1
+        },
+        "DisplayObjectContainer": {
+            "name": "DisplayObjectContainer",
+            "shortname": "DisplayObjectContainer",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 6,
+            "description": "A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.",
+            "extends": "DisplayObject",
+            "is_constructor": 1
+        },
+        "MovieClip": {
+            "name": "MovieClip",
+            "shortname": "MovieClip",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "pixi/MovieClip.js",
+            "line": 5,
+            "description": "A MovieClip is a simple way to display an animation depicted by a list of textures.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "textures",
+                    "description": "an array of {Texture} objects that make up the animation",
+                    "type": "Array"
+                }
+            ]
+        },
+        "Point": {
+            "name": "Point",
+            "shortname": "Point",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "",
+            "file": "pixi/Point.js",
+            "line": 5,
+            "description": "The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "x",
+                    "description": "position of the point",
+                    "type": "Number"
+                },
+                {
+                    "name": "y",
+                    "description": "position of the point",
+                    "type": "Number"
+                }
+            ]
+        },
+        "Rectangle": {
+            "name": "Rectangle",
+            "shortname": "Rectangle",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "",
+            "file": "pixi/Rectangle.js",
+            "line": 5,
+            "description": "the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "x",
+                    "description": "position of the rectangle",
+                    "type": "Number"
+                },
+                {
+                    "name": "y",
+                    "description": "position of the rectangle",
+                    "type": "Number"
+                },
+                {
+                    "name": "width",
+                    "description": "of the rectangle",
+                    "type": "Number"
+                },
+                {
+                    "name": "height",
+                    "description": "of the rectangle",
+                    "type": "Number"
+                }
+            ]
+        },
+        "Sprite": {
+            "name": "Sprite",
+            "shortname": "Sprite",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "",
+            "file": "pixi/Sprite.js",
+            "line": 10,
+            "extends": "DisplayObjectContainer",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "",
+                    "type": "Texture"
+                }
+            ],
+            "type": "String"
+        },
+        "Stage": {
+            "name": "Stage",
+            "shortname": "Stage",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "",
+            "file": "pixi/Stage.js",
+            "line": 5,
+            "description": "A Stage represents the root of the display tree. Everything connected to the stage is rendered",
+            "extends": "DisplayObjectContainer",
+            "is_constructor": 1
+        }
+    },
+    "classitems": [
+        {
+            "file": "pixi/extras/Rope.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "pixi/extras/Strip.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "pixi/loaders/AssetLoader.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "pixi/loaders/AssetLoader.js",
+            "line": 19,
+            "description": "The array of asset URLs that are going to be loaded",
+            "itemtype": "property",
+            "name": "assetURLs",
+            "type": "Array",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "pixi/loaders/AssetLoader.js",
+            "line": 32,
+            "description": "This will begin loading the assets sequentially",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "pixi/loaders/SpriteSheetLoader.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "pixi/loaders/SpriteSheetLoader.js",
+            "line": 36,
+            "description": "This will begin loading the JSON file",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 14,
+            "description": "The width of the canvas view",
+            "itemtype": "property",
+            "name": "width",
+            "type": "Number",
+            "default": "800",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 21,
+            "description": "The height of the canvas view",
+            "itemtype": "property",
+            "name": "height",
+            "type": "Number",
+            "default": "600",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 31,
+            "description": "The canvas element that the everything is drawn to",
+            "itemtype": "property",
+            "name": "view",
+            "type": "Canvas",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 43,
+            "description": "The canvas context that the everything is drawn to",
+            "itemtype": "property",
+            "name": "context",
+            "type": "Canvas 2d Context",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 54,
+            "description": "Renders the stage to its canvas view",
+            "itemtype": "method",
+            "name": "render",
+            "params": [
+                {
+                    "name": "stage",
+                    "description": "the Stage element to be rendered",
+                    "type": "Stage"
+                }
+            ],
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 78,
+            "description": "resizes the canvas view to the specified width and height",
+            "params": [
+                {
+                    "name": "the",
+                    "description": "new width of the canvas view"
+                },
+                {
+                    "name": "the",
+                    "description": "new height of the canvas view"
+                }
+            ],
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 92,
+            "access": "private",
+            "tagname": "",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 162,
+            "access": "private",
+            "tagname": "",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/CanvasRenderer.js",
+            "line": 197,
+            "access": "private",
+            "tagname": "",
+            "class": "CanvasRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 7,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 22,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 31,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 67,
+            "description": "Cleans the batch so that is can be returned to an object pool and reused",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 98,
+            "description": "inits the batch's texture and blend mode based if the supplied sprite",
+            "itemtype": "method",
+            "name": "init",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "the first sprite to be added to the batch. Only sprites with the same base texture and blend mode will be allowed to be added to this batch",
+                    "type": "Sprite"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 117,
+            "description": "inserts a sprite before the specified sprite",
+            "itemtype": "method",
+            "name": "insertBefore",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "the sprite to be added",
+                    "type": "Sprite"
+                },
+                {
+                    "name": "nextSprite",
+                    "description": "the first sprite will be inserted before this sprite",
+                    "type": "NextSprite"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 145,
+            "description": "inserts a sprite after the specified sprite",
+            "itemtype": "method",
+            "name": "insertAfter",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "the sprite to be added",
+                    "type": "Sprite"
+                },
+                {
+                    "name": "previousSprite",
+                    "description": "the first sprite will be inserted after this sprite",
+                    "type": "Sprite"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 175,
+            "description": "removes a sprite from the batch",
+            "itemtype": "method",
+            "name": "remove",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "the sprite to be removed",
+                    "type": "Sprite"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 218,
+            "description": "Splits the batch into two with the specified sprite being the start of the new batch.",
+            "itemtype": "method",
+            "name": "split",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "the sprite that indicates where the batch should be split",
+                    "type": "Sprite"
+                }
+            ],
+            "return": {
+                "description": "the new batch",
+                "type": "WebGLBatch"
+            },
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 267,
+            "description": "Merges two batchs together",
+            "itemtype": "method",
+            "name": "merge",
+            "params": [
+                {
+                    "name": "batch",
+                    "description": "the batch that will be merged",
+                    "type": "WebGLBatch"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 292,
+            "description": "Grows the size of the batch. As the elements in the batch cannot have a dynamic size this function is used to increase the size of the batch. It also creates a little extra room so that the batch does not need to be resized every time a sprite is added",
+            "methos": "growBatch",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 345,
+            "description": "Refresh's all the data in the batch and sync's it with the webGL buffers",
+            "itemtype": "method",
+            "name": "refresh",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 400,
+            "description": "Updates all the relevant geometry and uploads the data to the GPU",
+            "itemtype": "method",
+            "name": "update",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLBatch.js",
+            "line": 491,
+            "description": "Draws the batch to the frame buffer",
+            "itemtype": "method",
+            "name": "render",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 63,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 102,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 156,
+            "description": "Renders the stage to its webGL view",
+            "itemtype": "method",
+            "name": "render",
+            "params": [
+                {
+                    "name": "stage",
+                    "description": "the PIXI.Stage element to be rendered",
+                    "type": "Stage"
+                }
+            ],
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 222,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 251,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 447,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 525,
+            "description": "resizes the webGL view to the specified width and height",
+            "itemtype": "method",
+            "name": "resize",
+            "params": [
+                {
+                    "name": "width",
+                    "description": "the new width of the webGL view",
+                    "type": "Number"
+                },
+                {
+                    "name": "height",
+                    "description": "the new height of the webGL view",
+                    "type": "Number"
+                }
+            ],
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 546,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 574,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 652,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLRenderer.js",
+            "line": 661,
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "pixi/renderers/WebGLShaders.js",
+            "line": 2,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 19,
+            "description": "The url of the texture",
+            "itemtype": "property",
+            "name": "imageUrl",
+            "type": "String",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 26,
+            "description": "The html image that is loaded to create the texture",
+            "itemtype": "property",
+            "name": "image",
+            "type": "Image",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 48,
+            "description": "[read only] The width of the base texture set when the image has loaded",
+            "itemtype": "property",
+            "name": "width",
+            "type": "Number",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/BaseTexture.js",
+            "line": 54,
+            "description": "[read only] The height of the base texture set when the image has loaded",
+            "itemtype": "property",
+            "name": "height",
+            "type": "Number",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 28,
+            "description": "The base texture of this texture",
+            "itemtype": "property",
+            "name": "baseTexture",
+            "type": "BaseTexture",
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 37,
+            "description": "The frame specifies the region of the base texture that this texture uses",
+            "itemtype": "property",
+            "name": "frame",
+            "type": "#Rectangle",
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 75,
+            "description": "Specifies the rectangle region of the baseTexture",
+            "itemtype": "method",
+            "name": "setFrame",
+            "params": [
+                {
+                    "name": "frame",
+                    "description": "",
+                    "type": "Rectangle"
+                }
+            ],
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 88,
+            "description": "Helper function that returns a texture based on an image url\n If the image is not in the texture cache it will be  created and loaded",
+            "static": 1,
+            "itemtype": "method",
+            "name": "fromImage",
+            "params": [
+                {
+                    "name": "imageUrl",
+                    "description": "The image url of the texture",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "Texture"
+            },
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 112,
+            "description": "Helper function that returns a texture based on a frame id\n If the frame id is not in the texture cache an error will be thrown",
+            "itemtype": "method",
+            "name": "fromFrameId",
+            "params": [
+                {
+                    "name": "frameId",
+                    "description": "The frame id of the texture",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "Texture"
+            },
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 127,
+            "description": "Adds a texture to the textureCache.",
+            "itemtype": "method",
+            "name": "addTextureToCache",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "",
+                    "type": "Texture"
+                },
+                {
+                    "name": "id",
+                    "description": "the id that the texture will be stored against.",
+                    "type": "String"
+                }
+            ],
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/textures/Texture.js",
+            "line": 139,
+            "description": "Remove a texture from the textureCache.",
+            "itemtype": "method",
+            "name": "removeTextureFromCache",
+            "params": [
+                {
+                    "name": "id",
+                    "description": "the id of the texture to be removed",
+                    "type": "String"
+                }
+            ],
+            "class": "Texture"
+        },
+        {
+            "file": "pixi/utils/Detector.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/utils/Detector.js",
+            "line": 5,
+            "description": "This helper function will automatically detect which renderer you should be using.\nWebGL is the preferred renderer as it is a lot fastest. If webGL is not supported by the browser then this function will return a canvas renderer",
+            "itemtype": "method",
+            "name": "autoDetectRenderer",
+            "static": 1,
+            "params": [
+                {
+                    "name": "width",
+                    "description": "the width of the renderers view",
+                    "type": "Number"
+                },
+                {
+                    "name": "height",
+                    "description": "the height of the renderers view",
+                    "type": "Number"
+                }
+            ],
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/utils/EventTarget.js",
+            "line": 1,
+            "description": "https://github.com/mrdoob/eventtarget.js/\nTHankS mr DOob!",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/utils/Utils.js",
+            "line": 1,
+            "description": "Provides requestAnimationFrame in a cross browser way.",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 12,
+            "description": "The coordinate of the object relative to the local coordinates of the parent.",
+            "itemtype": "property",
+            "name": "position",
+            "type": "Point",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 19,
+            "description": "The scale factor of the object.",
+            "itemtype": "property",
+            "name": "scale",
+            "type": "Point",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 26,
+            "description": "The rotation of the object in radians.",
+            "itemtype": "property",
+            "name": "rotation",
+            "type": "Number",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 33,
+            "description": "The opacity of the object.",
+            "itemtype": "property",
+            "name": "alpha",
+            "type": "Number",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 40,
+            "description": "The visibility of the object.",
+            "itemtype": "property",
+            "name": "visible",
+            "type": "Boolean",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 48,
+            "description": "[read-only] The display object container that contains this display object.",
+            "itemtype": "property",
+            "name": "parent",
+            "type": "DisplayObjectContainer",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 55,
+            "description": "[read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.",
+            "itemtype": "property",
+            "name": "stage",
+            "type": "Stage",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObject.js",
+            "line": 79,
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 16,
+            "description": "[read-only] The of children of this container.",
+            "itemtype": "property",
+            "name": "children",
+            "type": "Array",
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 29,
+            "description": "Adds a child to the container.",
+            "itemtype": "method",
+            "name": "addChild",
+            "params": [
+                {
+                    "name": "DisplayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 51,
+            "description": "Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown",
+            "itemtype": "method",
+            "name": "addChildAt",
+            "params": [
+                {
+                    "name": "DisplayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "index",
+                    "description": "",
+                    "type": "Number"
+                }
+            ],
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 97,
+            "description": "Removes a child from the container.",
+            "itemtype": "method",
+            "name": "removeChild",
+            "params": [
+                {
+                    "name": "DisplayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/DisplayObjectContainer.js",
+            "line": 126,
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 15,
+            "description": "The array of textures that make up the animation",
+            "itemtype": "property",
+            "name": "textures",
+            "type": "Array",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 22,
+            "description": "[read only] The index MovieClips current frame (this may not have to be a whole number)",
+            "itemtype": "property",
+            "name": "currentFrame",
+            "type": "Number",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 29,
+            "description": "The speed that the MovieClip will play at. Higher is faster, lower is slower",
+            "itemtype": "property",
+            "name": "animationSpeed",
+            "type": "Number",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 36,
+            "description": "[read only] indicates if the MovieClip is currently playing",
+            "itemtype": "property",
+            "name": "playing",
+            "type": "Boolean",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 48,
+            "description": "Stops the MovieClip",
+            "itemtype": "method",
+            "name": "stop",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 57,
+            "description": "Plays the MovieClip",
+            "itemtype": "method",
+            "name": "play",
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 66,
+            "description": "Stops the MovieClip and goes to a specific frame",
+            "itemtype": "method",
+            "name": "gotoAndStop",
+            "params": [
+                {
+                    "name": "frameNumber",
+                    "description": "frame index to stop at",
+                    "type": "Number"
+                }
+            ],
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/MovieClip.js",
+            "line": 79,
+            "description": "Goes to a specific frame and begins playing the MovieClip",
+            "itemtype": "method",
+            "name": "gotoAndPlay",
+            "params": [
+                {
+                    "name": "frameNumber",
+                    "description": "frame index to start at",
+                    "type": "Number"
+                }
+            ],
+            "class": "MovieClip"
+        },
+        {
+            "file": "pixi/Pixi.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Point"
+        },
+        {
+            "file": "pixi/Point.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Point",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Point.js",
+            "line": 14,
+            "itemtype": "property",
+            "name": "x",
+            "type": "Number",
+            "default": "0",
+            "class": "Point",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Point.js",
+            "line": 21,
+            "itemtype": "property",
+            "name": "y",
+            "type": "Number",
+            "default": "0",
+            "class": "Point",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Point.js",
+            "line": 29,
+            "itemtype": "method",
+            "name": "clone",
+            "return": {
+                "description": "a copy of the point"
+            },
+            "class": "Point",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 16,
+            "itemtype": "property",
+            "name": "x",
+            "type": "Number",
+            "default": "0",
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 23,
+            "itemtype": "property",
+            "name": "y",
+            "type": "Number",
+            "default": "0",
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 30,
+            "itemtype": "property",
+            "name": "width",
+            "type": "Number",
+            "default": "0",
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 37,
+            "itemtype": "property",
+            "name": "height",
+            "type": "Number",
+            "default": "0",
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Rectangle.js",
+            "line": 45,
+            "itemtype": "method",
+            "name": "clone",
+            "return": {
+                "description": "a copy of the rectangle"
+            },
+            "class": "Rectangle",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 21,
+            "description": "The anchor sets the origin point of the texture.\nThe default is 0,0 this means the textures origin is the top left \nSetting than anchor to 0.5,0.5 means the textures origin is centered\nSetting the anchor to 1,1 would mean the textures origin points will be the bottom right",
+            "itemtype": "property",
+            "name": "anchor",
+            "type": "Point",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 31,
+            "description": "The texture that the sprite is using",
+            "itemtype": "property",
+            "name": "texture",
+            "type": "Texture",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 38,
+            "description": "The blend mode of sprite.\ncurrently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN",
+            "itemtype": "property",
+            "name": "blendMode",
+            "type": "uint",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 46,
+            "description": "The width of the sprite (this is initially set by the texture)",
+            "itemtype": "property",
+            "name": "width",
+            "type": "#Number",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 53,
+            "description": "The height of the sprite (this is initially set by the texture)",
+            "itemtype": "property",
+            "name": "height",
+            "type": "#Number",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 79,
+            "itemtype": "method",
+            "name": "setTexture",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "The PIXI texture that is displayed by the sprite",
+                    "type": "Texture"
+                }
+            ],
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 98,
+            "access": "private",
+            "tagname": "",
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 111,
+            "description": "Helper function that creates a sprite that will contain a texture from the TextureCache based on tjhe frameId\n The frame ids are created when a Texture packer file has been loaded",
+            "itemtype": "method",
+            "name": "fromFrame",
+            "static": 1,
+            "params": [
+                {
+                    "name": "frameId",
+                    "description": "The frame Id of the texture in the cache",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "A new Sprite using a texture from the texture cache matching the frameId",
+                "type": "Sprite"
+            },
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Sprite.js",
+            "line": 127,
+            "description": "Helper function that creates a sprite that will contain a texture based on an image url\n If the image is not in the texture cache it will be loaded",
+            "itemtype": "method",
+            "name": "fromImage",
+            "static": 1,
+            "params": [
+                {
+                    "name": "The",
+                    "description": "image url of the texture"
+                }
+            ],
+            "return": {
+                "description": "A new Sprite using a texture from the texture cache matching the image id",
+                "type": "Sprite"
+            },
+            "class": "Sprite",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Stage.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/",
+            "class": "Stage",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Stage.js",
+            "line": 26,
+            "itemtype": "method",
+            "name": "updateTransform",
+            "class": "Stage",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Stage.js",
+            "line": 44,
+            "itemtype": "method",
+            "name": "__addChild",
+            "class": "Stage",
+            "module": "PIXI"
+        },
+        {
+            "file": "pixi/Stage.js",
+            "line": 63,
+            "itemtype": "method",
+            "name": "__removeChild",
+            "class": "Stage",
+            "module": "PIXI"
+        }
+    ],
+    "warnings": [
+        {
+            "message": "unknown tag: methos",
+            "line": " pixi/renderers/WebGLBatch.js:292"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/extras/Rope.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/extras/Strip.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/loaders/AssetLoader.js:1"
+        },
+        {
+            "message": "Missing item type\nThis will begin loading the assets sequentially",
+            "line": " pixi/loaders/AssetLoader.js:32"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/loaders/SpriteSheetLoader.js:1"
+        },
+        {
+            "message": "Missing item type\nThis will begin loading the JSON file",
+            "line": " pixi/loaders/SpriteSheetLoader.js:36"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/CanvasRenderer.js:1"
+        },
+        {
+            "message": "Missing item type\nresizes the canvas view to the specified width and height",
+            "line": " pixi/renderers/CanvasRenderer.js:78"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/CanvasRenderer.js:92"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/CanvasRenderer.js:162"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/CanvasRenderer.js:197"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLBatch.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLBatch.js:7"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLBatch.js:22"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLBatch.js:31"
+        },
+        {
+            "message": "Missing item type\nCleans the batch so that is can be returned to an object pool and reused",
+            "line": " pixi/renderers/WebGLBatch.js:67"
+        },
+        {
+            "message": "Missing item type\nGrows the size of the batch. As the elements in the batch cannot have a dynamic size this function is used to increase the size of the batch. It also creates a little extra room so that the batch does not need to be resized every time a sprite is added",
+            "line": " pixi/renderers/WebGLBatch.js:292"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:63"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:102"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:222"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:251"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:447"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:546"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:574"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:652"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLRenderer.js:661"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/renderers/WebGLShaders.js:2"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/textures/BaseTexture.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/textures/Texture.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/utils/Detector.js:1"
+        },
+        {
+            "message": "Missing item type\nhttps://github.com/mrdoob/eventtarget.js/\nTHankS mr DOob!",
+            "line": " pixi/utils/EventTarget.js:1"
+        },
+        {
+            "message": "Missing item type\nProvides requestAnimationFrame in a cross browser way.",
+            "line": " pixi/utils/Utils.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/DisplayObject.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/DisplayObject.js:79"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/DisplayObjectContainer.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/DisplayObjectContainer.js:126"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/MovieClip.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Pixi.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Point.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Rectangle.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Sprite.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Sprite.js:98"
+        },
+        {
+            "message": "Missing item type",
+            "line": " pixi/Stage.js:1"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/docs/files/index.html b/docs/files/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/docs/files/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/docs/files/pixi_DisplayObject.js.html b/docs/files/pixi_DisplayObject.js.html
new file mode 100644
index 0000000..5fccb4a
--- /dev/null
+++ b/docs/files/pixi_DisplayObject.js.html
@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;DisplayObject.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;DisplayObject.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * this is the base class for all objects that are rendered on the screen.
+ * @class DisplayObject
+ * @constructor
+ *&#x2F;
+PIXI.DisplayObject = function()
+{
+	&#x2F;**
+	 * The coordinate of the object relative to the local coordinates of the parent.
+	 * @property position
+	 * @type Point
+	 *&#x2F;
+	this.position = new PIXI.Point();
+	
+	&#x2F;**
+	 * The scale factor of the object.
+	 * @property scale
+	 * @type Point
+	 *&#x2F;
+	this.scale = new PIXI.Point(1,1);&#x2F;&#x2F;{x:1, y:1};
+	
+	&#x2F;**
+	 * The rotation of the object in radians.
+	 * @property rotation
+	 * @type Number
+	 *&#x2F;
+	this.rotation = 0;
+	
+	&#x2F;**
+	 * The opacity of the object.
+	 * @property alpha
+	 * @type Number
+	 *&#x2F;	
+	this.alpha = 1;
+	
+	&#x2F;**
+	 * The visibility of the object.
+	 * @property visible
+	 * @type Boolean
+	 *&#x2F;	
+	this.visible = true;
+	this.cacheVisible = false;
+	
+	&#x2F;**
+	 * [read-only] The display object container that contains this display object.
+	 * @property parent
+	 * @type DisplayObjectContainer
+	 *&#x2F;	
+	this.parent = null;
+	
+	&#x2F;**
+	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
+	 * @property stage
+	 * @type Stage
+	 *&#x2F;	
+	this.stage = null;
+	
+	this.worldAlpha = 1;
+	this.color = [];
+	
+	this.worldTransform = mat3.identity();
+	this.localTransform = mat3.identity();
+	
+	this.dynamic = true;
+	&#x2F;&#x2F; chach that puppy!
+	this._sr = 0;
+	this._cr = 1;
+	
+	this.renderable = false;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.DisplayObject.constructor = PIXI.DisplayObject;
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.DisplayObject.prototype.updateTransform = function()
+{
+	&#x2F;&#x2F; TODO OPTIMIZE THIS!! with dirty
+	if(this.rotation != this.rotationCache)
+	{
+		this.rotationCach = this.rotation;
+		this._sr =  Math.sin(this.rotation);
+		this._cr =  Math.cos(this.rotation);
+	}	
+		
+	this.localTransform[0] = this._cr * this.scale.x;
+	this.localTransform[1] = -this._sr * this.scale.y
+	this.localTransform[3] = this._sr * this.scale.x;
+	this.localTransform[4] = this._cr * this.scale.y;
+	
+		&#x2F;&#x2F;&#x2F;AAARR GETTER SETTTER!
+	
+	this.localTransform[2] = this.position.x;
+	this.localTransform[5] = this.position.y;
+	
+
+	&#x2F;&#x2F; TODO optimize?
+	mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
+	this.worldAlpha = this.alpha * this.parent.worldAlpha;		
+}
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_DisplayObjectContainer.js.html b/docs/files/pixi_DisplayObjectContainer.js.html
new file mode 100644
index 0000000..7c8f08e
--- /dev/null
+++ b/docs/files/pixi_DisplayObjectContainer.js.html
@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;DisplayObjectContainer.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;DisplayObjectContainer.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+
+&#x2F;**
+ * A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.
+ * @class DisplayObjectContainer 
+ * @extends DisplayObject
+ * @constructor
+ *&#x2F;
+PIXI.DisplayObjectContainer = function()
+{
+	PIXI.DisplayObject.call( this );
+	
+	&#x2F;**
+	 * [read-only] The of children of this container.
+	 * @property children {Array}
+	 *&#x2F;	
+	this.children = [];
+	
+	this.renderable = false;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
+PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
+
+&#x2F;**
+ * Adds a child to the container.
+ * @method addChild
+ * @param  DisplayObject {DisplayObject}
+ *&#x2F;
+PIXI.DisplayObjectContainer.prototype.addChild = function(child)
+{
+	if(child.parent != undefined)
+	{
+		child.parent.removeChild(child)
+	}
+	
+	child.parent = this;
+	child.childIndex = this.children.length;
+	
+	this.children.push(child);	
+	if(this.stage)
+	{
+		this.stage.__addChild(child);
+	}
+}
+
+&#x2F;**
+ * Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown
+ * @method addChildAt
+ * @param DisplayObject {DisplayObject}
+ * @param index {Number}
+ *&#x2F;
+PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
+{
+	if(index &gt;= 0 &amp;&amp; index &lt;= this.children.length)
+	{
+		if(child.parent != undefined)
+		{
+			child.parent.removeChild(child);
+		}
+	
+		if (index == this.children.length)
+		{
+		  	this.children.push(child);
+		}	
+		else 
+		{
+			this.children.splice(index, 0, child);
+		}
+
+		child.parent = this;
+		child.childIndex = index;
+		
+		var length = this.children.length;
+		for (var i=index; i &lt; length; i++) 
+		{
+		  this.children[i].childIndex = i;
+		}
+		
+		if(this.stage)
+		{
+			this.stage.__addChild(child);
+		}
+	}
+	else
+	{
+		&#x2F;&#x2F; error!
+		
+		throw new Error(child + &quot; The index &quot;+ index +&quot; supplied is out of bounds &quot; + this.children.length);
+	}
+}
+
+&#x2F;**
+ * Removes a child from the container.
+ * @method removeChild
+ * @param  DisplayObject {DisplayObject}
+ *&#x2F;
+PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
+{
+	var index = this.children.indexOf( child );
+
+	if ( index !== -1 ) 
+	{
+		if(this.stage)this.stage.__removeChild(child);
+		child.parent = undefined;
+		&#x2F;&#x2F;child.childIndex = 0
+		this.children.splice( index, 1 );
+	
+		&#x2F;&#x2F; update in dexs!
+		for(var i=index,j=this.children.length; i&lt;j; i++)
+		{
+			this.children[i].childIndex -= 1;
+		}
+	}
+	else
+	{
+		throw new Error(child + &quot; The supplied DisplayObject must be a child of the caller &quot; + this);
+	}
+}
+
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.DisplayObjectContainer.prototype.updateTransform = function()
+{
+	if(!this.visible)return;
+	
+	PIXI.DisplayObject.prototype.updateTransform.call( this );
+
+	for(var i=0,j=this.children.length; i&lt;j; i++)
+	{
+		this.children[i].updateTransform();	
+	}
+}
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_MovieClip.js.html b/docs/files/pixi_MovieClip.js.html
new file mode 100644
index 0000000..f8e5d34
--- /dev/null
+++ b/docs/files/pixi_MovieClip.js.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;MovieClip.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;MovieClip.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * A MovieClip is a simple way to display an animation depicted by a list of textures.
+ * @class MovieClip
+ * @constructor
+ * @param textures {Array} an array of {Texture} objects that make up the animation
+ *&#x2F;
+PIXI.MovieClip = function(textures)
+{
+	PIXI.Sprite.call( this, textures[0]);
+	
+	&#x2F;**
+	 * The array of textures that make up the animation
+	 * @property textures
+	 * @type Array
+	 *&#x2F;
+	this.textures = textures;
+	
+	&#x2F;**
+	 * [read only] The index MovieClips current frame (this may not have to be a whole number)
+	 * @property currentFrame
+	 * @type Number
+	 *&#x2F;
+	this.currentFrame = 0; 
+	
+	&#x2F;**
+	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
+	 * @property animationSpeed
+	 * @type Number
+	 *&#x2F;
+	this.animationSpeed = 1;
+	
+	&#x2F;**
+	 * [read only] indicates if the MovieClip is currently playing
+	 * @property playing
+	 * @type Boolean
+	 *&#x2F;
+	this.playing;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.MovieClip.constructor = PIXI.MovieClip;
+PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
+
+&#x2F;**
+ * Stops the MovieClip
+ * @method stop
+ *&#x2F;
+PIXI.MovieClip.prototype.stop = function()
+{
+	this.playing = false;
+}
+
+&#x2F;**
+ * Plays the MovieClip
+ * @method play
+ *&#x2F;
+PIXI.MovieClip.prototype.play = function()
+{
+	this.playing = true;
+}
+
+&#x2F;**
+ * Stops the MovieClip and goes to a specific frame
+ * @method gotoAndStop
+ * @param frameNumber {Number} frame index to stop at
+ *&#x2F;
+PIXI.MovieClip.prototype.gotoAndStop = function(frameNumber)
+{
+	this.playing = false;
+	this.currentFrame = frameNumber;
+	var round = (this.currentFrame + 0.5) | 0;
+	this.setTexture(this.textures[round % this.textures.length]);
+}
+
+&#x2F;**
+ * Goes to a specific frame and begins playing the MovieClip
+ * @method gotoAndPlay
+ * @param frameNumber {Number} frame index to start at
+ *&#x2F;
+PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
+{
+	this.currentFrame = frameNumber;
+	this.playing = true;
+}
+
+PIXI.MovieClip.prototype.updateTransform = function()
+{
+	PIXI.Sprite.prototype.updateTransform.call(this);
+	
+	if(!this.playing)return;
+	
+	this.currentFrame += this.animationSpeed;
+	var round = (this.currentFrame + 0.5) | 0;
+	this.setTexture(this.textures[round % this.textures.length]);
+}
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_Pixi.js.html b/docs/files/pixi_Pixi.js.html
new file mode 100644
index 0000000..1066836
--- /dev/null
+++ b/docs/files/pixi_Pixi.js.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;Pixi.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;Pixi.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+@module PIXI
+ *&#x2F;
+var PIXI = PIXI || {};
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_Point.js.html b/docs/files/pixi_Point.js.html
new file mode 100644
index 0000000..a0a29b6
--- /dev/null
+++ b/docs/files/pixi_Point.js.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;Point.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;Point.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
+ * @class Point
+ * @constructor 
+ * @param x {Number} position of the point
+ * @param y {Number} position of the point
+ *&#x2F;
+PIXI.Point = function(x, y)
+{
+	&#x2F;**
+	 * @property x 
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.x = x ? x : 0;
+	
+	&#x2F;**
+	 * @property y
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.y = y ? y : 0;
+}
+
+&#x2F;** 
+ * @method clone
+ * @return a copy of the point
+ *&#x2F;
+PIXI.Point.clone = function()
+{
+	return new PIXI.Point(this.x, this.y);
+}
+
+&#x2F;&#x2F; constructor
+PIXI.Point.constructor = PIXI.Point;
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_Rectangle.js.html b/docs/files/pixi_Rectangle.js.html
new file mode 100644
index 0000000..b0410f1
--- /dev/null
+++ b/docs/files/pixi_Rectangle.js.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;Rectangle.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;Rectangle.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
+ * @class Rectangle
+ * @constructor 
+ * @param x {Number} position of the rectangle
+ * @param y {Number} position of the rectangle
+ * @param width {Number} of the rectangle
+ * @param height {Number} of the rectangle
+ *&#x2F;
+PIXI.Rectangle = function(x, y, width, height)
+{
+	&#x2F;**
+	 * @property x
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.x = x ? x : 0;
+	
+	&#x2F;**
+	 * @property y
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.y = y ? y : 0;
+	
+	&#x2F;**
+	 * @property width
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.width = width ? width : 0;
+	
+	&#x2F;**
+	 * @property height
+	 * @type Number
+	 * @default 0
+	 *&#x2F;
+	this.height = height ? height : 0;
+}
+
+&#x2F;** 
+ * @method clone
+ * @return a copy of the rectangle
+ *&#x2F;
+PIXI.Point.clone = function()
+{
+	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
+}
+
+&#x2F;&#x2F; constructor
+PIXI.Rectangle.constructor = PIXI.Rectangle;
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_Sprite.js.html b/docs/files/pixi_Sprite.js.html
new file mode 100644
index 0000000..6b559dd
--- /dev/null
+++ b/docs/files/pixi_Sprite.js.html
@@ -0,0 +1,277 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;Sprite.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;Sprite.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI.blendModes = {};
+PIXI.blendModes.NORMAL = 0;
+PIXI.blendModes.SCREEN = 1;
+
+
+&#x2F;**
+@class Sprite
+@extends DisplayObjectContainer
+@constructor
+@param texture {Texture}
+@type String
+*&#x2F;
+PIXI.Sprite = function(texture)
+{
+	PIXI.DisplayObjectContainer.call( this );
+	
+	 &#x2F;**
+	 * The anchor sets the origin point of the texture.
+	 * The default is 0,0 this means the textures origin is the top left 
+	 * Setting than anchor to 0.5,0.5 means the textures origin is centered
+	 * Setting the anchor to 1,1 would mean the textures origin points will be the bottom right
+     * @property anchor
+     * @type Point
+     *&#x2F;
+	this.anchor = new PIXI.Point();
+	
+	&#x2F;**
+	 * The texture that the sprite is using
+	 * @property texture
+	 * @type Texture
+	 *&#x2F;
+	this.texture = texture;
+	
+	&#x2F;**
+	 * The blend mode of sprite.
+	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
+	 * @property blendMode
+	 * @type uint
+	 *&#x2F;
+	this.blendMode = PIXI.blendModes.NORMAL;
+	
+	&#x2F;**
+	 * The width of the sprite (this is initially set by the texture)
+	 * @property width
+	 * @type #Number
+	 *&#x2F;
+	this.width = 1;
+	
+	&#x2F;**
+	 * The height of the sprite (this is initially set by the texture)
+	 * @property height
+	 * @type #Number
+	 *&#x2F;
+	this.height = 1;
+	
+	if(texture.baseTexture.hasLoaded)
+	{
+		this.width   = this.texture.frame.width;
+		this.height  = this.texture.frame.height;
+		this.updateFrame = true;
+	}
+	else
+	{
+		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
+		this.texture.addEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
+	}
+	
+	this.renderable = true;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.Sprite.constructor = PIXI.Sprite;
+PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+
+&#x2F;**
+@method setTexture
+@param texture {Texture} The PIXI texture that is displayed by the sprite
+*&#x2F;
+PIXI.Sprite.prototype.setTexture = function(texture)
+{
+	&#x2F;&#x2F; stop current texture;
+	if(this.texture.baseTexture != texture.baseTexture)
+	{
+		this.textureChange = true;	
+	}
+	
+	this.texture = texture;
+	this.width   = texture.frame.width;
+	this.height  = texture.frame.height;
+	this.updateFrame = true;
+	
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.Sprite.prototype.onTextureUpdate = function(event)
+{
+	this.width   = this.texture.frame.width;
+	this.height  = this.texture.frame.height;
+	this.updateFrame = true;
+}
+
+&#x2F;&#x2F; some helper functions..
+
+
+&#x2F;**
+ * 
+ * Helper function that creates a sprite that will contain a texture from the TextureCache based on tjhe frameId
+ * The frame ids are created when a Texture packer file has been loaded
+ * @method fromFrame
+ * @static
+ * @param frameId {String} The frame Id of the texture in the cache
+ * @return {Sprite} A new Sprite using a texture from the texture cache matching the frameId
+ *&#x2F;
+PIXI.Sprite.fromFrame = function(frameId)
+{
+	var texture = PIXI.TextureCache[frameId];
+	if(!texture)throw new Error(&quot;The frameId &#x27;&quot;+ frameId +&quot;&#x27; does not exist in the texture cache&quot; + this);
+	return new PIXI.Sprite(texture);
+}
+
+&#x2F;**
+ * 
+ * Helper function that creates a sprite that will contain a texture based on an image url
+ * If the image is not in the texture cache it will be loaded
+ * @method fromImage
+ * @static
+ * @param The image url of the texture
+ * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
+ *&#x2F;
+PIXI.Sprite.fromImage = function(imageId)
+{
+	var texture = PIXI.Texture.fromImage(imageId);
+	return new PIXI.Sprite(texture);
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_Stage.js.html b/docs/files/pixi_Stage.js.html
new file mode 100644
index 0000000..167fa76
--- /dev/null
+++ b/docs/files/pixi_Stage.js.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;Stage.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;Stage.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+A Stage represents the root of the display tree. Everything connected to the stage is rendered
+@class Stage
+@extends DisplayObjectContainer
+@constructor
+*&#x2F;
+PIXI.Stage = function()
+{
+	PIXI.DisplayObjectContainer.call( this );
+	this.worldTransform = mat3.identity();
+	this.__childrenAdded = [];
+	this.__childrenRemoved = [];
+	this.childIndex = 0;
+	this.stage=  this;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.Stage.constructor = PIXI.Stage;
+
+PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+
+&#x2F;**
+@method updateTransform
+*&#x2F;
+PIXI.Stage.prototype.updateTransform = function()
+{
+	this.worldAlpha = 1;		
+
+	for(var i=0,j=this.children.length; i&lt;j; i++)
+	{
+		this.children[i].updateTransform();	
+	}
+}
+&#x2F;*
+PIXI.Stage.prototype.setFilter = function(filters)
+{
+	this.filters = filters;
+}*&#x2F;
+
+&#x2F;**
+@method __addChild
+*&#x2F;
+PIXI.Stage.prototype.__addChild = function(child)
+{
+	&#x2F;&#x2F;this.__childrenAdded.push(child);
+
+	child.stage = this;
+	
+	if(child.children)
+	{
+		for (var i=0; i &lt; child.children.length; i++) 
+		{
+		  	this.__addChild(child.children[i]);
+		};
+	}
+	
+}
+
+&#x2F;**
+@method __removeChild
+*&#x2F;
+PIXI.Stage.prototype.__removeChild = function(child)
+{
+	this.__childrenRemoved.push(child);
+
+	child.stage = undefined;
+	
+	if(child.children)
+	{
+		for(var i=0,j=child.children.length; i&lt;j; i++)
+		{
+		  	this.__removeChild(child.children[i])
+		}
+	}
+}
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_extras_Rope.js.html b/docs/files/pixi_extras_Rope.js.html
new file mode 100644
index 0000000..4e05fd4
--- /dev/null
+++ b/docs/files/pixi_extras_Rope.js.html
@@ -0,0 +1,311 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;extras&#x2F;Rope.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;extras&#x2F;Rope.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+
+PIXI.Rope = function(texture, points)
+{
+	PIXI.Strip.call( this, texture );
+	this.points = points;
+	
+	try
+	{
+		this.verticies = new Float32Array( points.length * 4);
+		this.uvs = new Float32Array( points.length * 4);
+		this.colors = new Float32Array(  points.length * 2);
+		this.indices = new Uint16Array( points.length * 2);
+	}
+	catch(error)
+	{
+		this.verticies = verticies
+		
+		this.uvs = uvs
+		this.colors = colors
+		this.indices = indices
+	}
+	
+	this.refresh();
+}
+
+
+&#x2F;&#x2F; constructor
+PIXI.Rope.constructor = PIXI.Rope;
+PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
+
+PIXI.Rope.prototype.refresh = function()
+{
+	var points = this.points;
+	if(points.length &lt; 1)return;
+	
+	var uvs = this.uvs
+	var indices = this.indices;
+	var colors = this.colors;
+	
+	var lastPoint = points[0];
+	var nextPoint;
+	var perp = {x:0, y:0};
+	var point = points[0];
+	
+	this.count-=0.2;
+	
+	
+	uvs[0] = 0
+	uvs[1] = 1
+	uvs[2] = 0
+	uvs[3] = 1
+	
+	colors[0] = 1;
+	colors[1] = 1;
+	
+	indices[0] = 0;
+	indices[1] = 1;
+	
+	var total = points.length;
+		
+	for (var i =  1; i &lt; total; i++) 
+	{
+		
+		var point = points[i];
+		var index = i * 4;
+		&#x2F;&#x2F; time to do some smart drawing!
+		var amount = i&#x2F;(total-1)
+		
+		if(i%2)
+		{
+			uvs[index] = amount;
+			uvs[index+1] = 0;
+			
+			uvs[index+2] = amount
+			uvs[index+3] = 1
+		
+		}
+		else
+		{
+			uvs[index] = amount
+			uvs[index+1] = 0
+			
+			uvs[index+2] = amount
+			uvs[index+3] = 1
+		}
+		
+		index = i * 2;
+		colors[index] = 1;
+		colors[index+1] = 1;
+		
+		index = i * 2;
+		indices[index] = index;
+		indices[index + 1] = index + 1;
+		
+		lastPoint = point;
+	}
+}
+
+PIXI.Rope.prototype.updateTransform = function()
+{
+	
+	var points = this.points;
+	if(points.length &lt; 1)return;
+	
+	var verticies = this.verticies 
+	
+	var lastPoint = points[0];
+	var nextPoint;
+	var perp = {x:0, y:0};
+	var point = points[0];
+	
+	this.count-=0.2;
+	
+	verticies[0] = point.x + perp.x 
+	verticies[1] = point.y + perp.y &#x2F;&#x2F;+ 200
+	verticies[2] = point.x - perp.x 
+	verticies[3] = point.y - perp.y&#x2F;&#x2F;+200
+	&#x2F;&#x2F; time to do some smart drawing!
+	
+	var total = points.length;
+		
+	for (var i =  1; i &lt; total; i++) 
+	{
+		
+		var point = points[i];
+		var index = i * 4;
+		
+		if(i &lt; points.length-1)
+		{
+			nextPoint = points[i+1];
+		}
+		else
+		{
+			nextPoint = point
+		}
+		
+		perp.y = -(nextPoint.x - lastPoint.x);
+		perp.x = nextPoint.y - lastPoint.y;
+		
+		var ratio = (1 - (i &#x2F; (total-1))) * 10;
+				if(ratio &gt; 1)ratio = 1;
+				
+		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
+		var num = this.texture.height&#x2F;2&#x2F;&#x2F;(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
+		perp.x &#x2F;= perpLength;
+		perp.y &#x2F;= perpLength;
+	
+		perp.x *= num;
+		perp.y *= num;
+		
+		verticies[index] = point.x + perp.x 
+		verticies[index+1] = point.y + perp.y
+		verticies[index+2] = point.x - perp.x 
+		verticies[index+3] = point.y - perp.y
+
+		lastPoint = point;
+	}
+	
+	PIXI.DisplayObjectContainer.prototype.updateTransform.call( this );
+}
+
+PIXI.Rope.prototype.setTexture = function(texture)
+{
+	&#x2F;&#x2F; stop current texture 
+	this.texture = texture;
+	this.updateFrame = true;
+}
+
+
+
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_extras_Strip.js.html b/docs/files/pixi_extras_Strip.js.html
new file mode 100644
index 0000000..1a9c9c9
--- /dev/null
+++ b/docs/files/pixi_extras_Strip.js.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;extras&#x2F;Strip.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;extras&#x2F;Strip.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI.Strip = function(texture, width, height)
+{
+	PIXI.DisplayObjectContainer.call( this );
+	this.texture = texture;
+	this.blendMode = PIXI.blendModes.NORMAL;
+	
+	try
+	{
+		this.uvs = new Float32Array([0, 1,
+				1, 1,
+				1, 0, 0,1]);
+	
+		this.verticies = new Float32Array([0, 0,
+						  0,0,
+						  0,0, 0,
+						  0, 0]);
+						  
+		this.colors = new Float32Array([1, 1, 1, 1]);
+		
+		this.indices = new Uint16Array([0, 1, 2, 3]);
+	}
+	catch(error)
+	{
+		this.uvs = [0, 1,
+				1, 1,
+				1, 0, 0,1];
+	
+		this.verticies = [0, 0,
+						  0,0,
+						  0,0, 0,
+						  0, 0];
+						  
+		this.colors = [1, 1, 1, 1];
+		
+		this.indices = [0, 1, 2, 3];
+	}
+	
+	
+	&#x2F;*
+	this.uvs = new Float32Array()
+	this.verticies = new Float32Array()
+	this.colors = new Float32Array()
+	this.indices = new Uint16Array()
+*&#x2F;
+	this.width = width;
+	this.height = height;
+	
+	&#x2F;&#x2F; load the texture!
+	if(texture.baseTexture.hasLoaded)
+	{
+		this.width   = this.texture.frame.width;
+		this.height  = this.texture.frame.height;
+		this.updateFrame = true;
+	}
+	else
+	{
+		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
+		this.texture.addEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
+	}
+	
+	this.renderable = true;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.Strip.constructor = PIXI.Strip;
+PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+
+PIXI.Strip.prototype.setTexture = function(texture)
+{
+	&#x2F;&#x2F;TODO SET THE TEXTURES
+	&#x2F;&#x2F;TODO VISIBILITY
+	
+	&#x2F;&#x2F; stop current texture 
+	this.texture = texture;
+	this.width   = texture.frame.width;
+	this.height  = texture.frame.height;
+	this.updateFrame = true;
+}
+
+PIXI.Strip.prototype.onTextureUpdate = function(event)
+{
+	this.updateFrame = true;
+}
+&#x2F;&#x2F; some helper functions..
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_loaders_AssetLoader.js.html b/docs/files/pixi_loaders_AssetLoader.js.html
new file mode 100644
index 0000000..fc38827
--- /dev/null
+++ b/docs/files/pixi_loaders_AssetLoader.js.html
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;loaders&#x2F;AssetLoader.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;loaders&#x2F;AssetLoader.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * A Class that loads a bunch of images &#x2F; sprite sheet files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromFrameId(), PIXI.Texture.fromImage() and PIXI.Sprite.fromImage(), PIXI.Sprite.fromFromeId()
+ * When all items have been loaded this class will dispatch a &#x27;loaded&#x27; event
+ * As each individual item is loaded this class will dispatch a &#x27;progress&#x27; event
+ * @class AssetLoader
+ * @constructor
+ * @extends EventTarget
+ * @param assetURLs {Array} an array of image&#x2F;sprite sheet urls that you would like loaded supported. Supported image formats include &quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot;, &quot;gif&quot;. Supported sprite sheet data formats only include &quot;JSON&quot; at this time
+ *&#x2F;
+PIXI.AssetLoader = function(assetURLs)
+{
+	PIXI.EventTarget.call( this );
+	
+	
+	&#x2F;**
+	 * The array of asset URLs that are going to be loaded
+	 * @property assetURLs
+	 * @type Array
+	 *&#x2F;
+	this.assetURLs = assetURLs;
+	
+	this.assets = [];
+}
+
+&#x2F;&#x2F; constructor
+PIXI.AssetLoader.constructor = PIXI.AssetLoader;
+
+&#x2F;**
+ * This will begin loading the assets sequentially
+ *&#x2F;
+PIXI.AssetLoader.prototype.load = function()
+{
+	this.loadCount = this.assetURLs.length;
+	var imageTypes = [&quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot;, &quot;gif&quot;];
+	
+	var spriteSheetTypes = [&quot;json&quot;];
+	
+	for (var i=0; i &lt; this.assetURLs.length; i++) 
+	{
+		var filename = this.assetURLs[i];
+		var fileType = filename.split(&#x27;.&#x27;).pop().toLowerCase();
+		&#x2F;&#x2F; what are we loading?
+		var type;
+		
+		for (var j=0; j &lt; imageTypes.length; j++) 
+		{
+			if(fileType == imageTypes[j])
+			{
+				type = &quot;img&quot;;
+				break;
+			}
+		}
+		
+		if(!type)
+		{
+			for (var j=0; j &lt; spriteSheetTypes.length; j++) 
+			{
+				if(fileType == spriteSheetTypes[j])
+				{
+					type = &quot;atlas&quot;;
+					break;
+				}
+			}
+		}
+		
+		if(type == &quot;img&quot;)
+		{
+			var texture = PIXI.Texture.fromImage(filename);
+			if(!texture.hasLoaded)
+			{
+				
+				var scope = this;
+				texture.baseTexture.addEventListener( &#x27;loaded&#x27;, function ( event ) 
+				{
+					scope.onAssetLoaded();
+				});
+	
+				this.assets.push(texture);
+			}
+			else
+			{
+				
+				&#x2F;&#x2F; already loaded!
+				this.loadCount--;
+			}
+			
+		}
+		else if(type == &quot;atlas&quot;)
+		{
+			var spriteSheetLoader = new PIXI.SpriteSheetLoader(filename);
+			this.assets.push(spriteSheetLoader);
+			
+			var scope = this;
+			spriteSheetLoader.addEventListener( &#x27;loaded&#x27;, function ( event ) 
+			{
+				scope.onAssetLoaded();
+			});
+			
+			spriteSheetLoader.load();
+		}
+		else
+		{
+			&#x2F;&#x2F; dont know what the file is! :&#x2F;
+			&#x2F;&#x2F;this.loadCount--;
+			throw new Error(filename + &quot; is an unsupported file type &quot; + this);
+		}
+		
+		&#x2F;&#x2F;this.assets[i].load();
+	};
+}
+
+PIXI.AssetLoader.prototype.onAssetLoaded = function()
+{
+	this.loadCount--;
+	this.dispatchEvent( { type: &#x27;progress&#x27;, content: this } );
+	
+	if(this.loadCount == 0)
+	{
+		this.dispatchEvent( { type: &#x27;loaded&#x27;, content: this } );
+	}
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_loaders_SpriteSheetLoader.js.html b/docs/files/pixi_loaders_SpriteSheetLoader.js.html
new file mode 100644
index 0000000..da4a0ea
--- /dev/null
+++ b/docs/files/pixi_loaders_SpriteSheetLoader.js.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * The sprite sheet loader is used to load in JSON sprite sheet data
+ * To generate the data you can use http:&#x2F;&#x2F;www.codeandweb.com&#x2F;texturepacker and publish the &quot;JSON&quot; format
+ * There is a free version so thats nice, although the paid version is great value for money.
+ * It is highly recommended to use Sprite sheets (also know as texture atlas&#x27;) as it means sprite&#x27;s can be batched and drawn together for highly increased rendering speed.
+ * Once the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
+ * This loader will also load the image file that the Spritesheet points to as well as the data.
+ * When loaded this class will dispatch a &#x27;loaded&#x27; event
+ * @class SpriteSheetLoader
+ * @extends EventTarget
+ * @constructor
+ * @param url {String} the url of the sprite sheet JSON file
+ *&#x2F;
+
+PIXI.SpriteSheetLoader = function(url)
+{
+	&#x2F;*
+	 * i use texture packer to load the assets..
+	 * http:&#x2F;&#x2F;www.codeandweb.com&#x2F;texturepacker
+	 * make sure to set the format as &quot;JSON&quot;
+	 *&#x2F;
+	PIXI.EventTarget.call( this );
+	this.url = url;
+	this.baseUrl = url.replace(&#x2F;[^\&#x2F;]*$&#x2F;, &#x27;&#x27;);
+	this.texture;
+	this.frames = {};	
+}
+
+&#x2F;&#x2F; constructor
+PIXI.SpriteSheetLoader.constructor = PIXI.SpriteSheetLoader;
+
+&#x2F;**
+ * This will begin loading the JSON file
+ *&#x2F;
+PIXI.SpriteSheetLoader.prototype.load = function()
+{
+	this.ajaxRequest = new AjaxRequest();
+	var scope = this;
+	this.ajaxRequest.onreadystatechange=function()
+	{
+		scope.onLoaded();
+	}
+		
+	this.ajaxRequest.open(&quot;GET&quot;, this.url, true)
+	this.ajaxRequest.send(null)
+}
+
+PIXI.SpriteSheetLoader.prototype.onLoaded = function()
+{
+	if (this.ajaxRequest.readyState==4)
+	{
+		 if (this.ajaxRequest.status==200 || window.location.href.indexOf(&quot;http&quot;)==-1)
+	 	{
+			var jsondata = eval(&quot;(&quot;+this.ajaxRequest.responseText+&quot;)&quot;);
+			
+			var textureUrl = this.baseUrl + jsondata.meta.image;
+			
+			this.texture = PIXI.Texture.fromImage(textureUrl).baseTexture;
+			
+		&#x2F;&#x2F;	if(!this.texture)this.texture = new PIXI.Texture(textureUrl);
+			
+			var frameData = jsondata.frames;
+			for (var i in frameData) 
+			{
+				var rect = frameData[i].frame;
+				PIXI.TextureCache[i] = new PIXI.Texture(this.texture, {x:rect.x, y:rect.y, width:rect.w, height:rect.h});
+				
+				if(frameData[i].trimmed)
+				{
+					&#x2F;&#x2F;var realSize = frameData[i].spriteSourceSize;
+					PIXI.TextureCache[i].realSize = frameData[i].spriteSourceSize;
+					PIXI.TextureCache[i].trim.x = 0&#x2F;&#x2F; (realSize.x &#x2F; rect.w)
+					&#x2F;&#x2F; calculate the offset!
+				}
+&#x2F;&#x2F;				this.frames[i] = ;
+   			}
+			
+			if(this.texture.hasLoaded)
+			{
+				this.dispatchEvent( { type: &#x27;loaded&#x27;, content: this } );
+			}
+			else
+			{
+				var scope = this;
+				&#x2F;&#x2F; wait for the texture to load..
+				this.texture.addEventListener(&#x27;loaded&#x27;, function(){
+					
+					scope.dispatchEvent( { type: &#x27;loaded&#x27;, content: scope } );
+					
+				});
+			}
+	 	}
+	}
+	
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_renderers_CanvasRenderer.js.html b/docs/files/pixi_renderers_CanvasRenderer.js.html
new file mode 100644
index 0000000..8c2889a
--- /dev/null
+++ b/docs/files/pixi_renderers_CanvasRenderer.js.html
@@ -0,0 +1,400 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;renderers&#x2F;CanvasRenderer.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;renderers&#x2F;CanvasRenderer.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * the CanvasRenderer is draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.
+ * Dont forget to add the view to your DOM or you will not see anything :)
+ * @class CanvasRenderer
+ * @param width {Number} the width of the canvas view
+ * @param height {Number} the height of the canvas view
+ *&#x2F;
+PIXI.CanvasRenderer = function(width, height)
+{
+	&#x2F;**
+	 * The width of the canvas view
+	 * @property width
+	 * @type Number
+	 * @default 800
+	 *&#x2F;
+	this.width = width ? width : 800;
+	&#x2F;**
+	 * The height of the canvas view
+	 * @property height
+	 * @type Number
+	 * @default 600
+	 *&#x2F;
+	this.height = height ? height : 600;
+	
+	this.refresh = true;
+	
+	&#x2F;**
+	 * The canvas element that the everything is drawn to
+	 * @property view
+	 * @type Canvas
+	 *&#x2F;
+	this.view = document.createElement( &#x27;canvas&#x27; ); 
+	
+    this.view.width = this.width;
+	this.view.height = this.height;  
+	this.view.background = &quot;#FF0000&quot;;
+	this.count = 0;
+	
+	&#x2F;**
+	 * The canvas context that the everything is drawn to
+	 * @property context
+	 * @type Canvas 2d Context
+	 *&#x2F;
+	this.context = this.view.getContext(&quot;2d&quot;);
+}
+
+&#x2F;&#x2F; constructor
+PIXI.CanvasRenderer.constructor = PIXI.CanvasRenderer;
+
+&#x2F;**
+ * Renders the stage to its canvas view
+ * @method render
+ * @param stage {Stage} the Stage element to be rendered
+ *&#x2F;
+PIXI.CanvasRenderer.prototype.render = function(stage)
+{
+	&#x2F;&#x2F; update children if need be
+	
+	stage.__childrenAdded = [];
+	stage.__childrenRemoved = [];
+	
+	&#x2F;&#x2F; update textures if need be
+	PIXI.texturesToUpdate = [];
+	
+	
+	this.context.setTransform(1,0,0,1,0,0); 
+	stage.updateTransform();
+	  
+	this.context.setTransform(1,0,0,1,0,0); 
+	this.context.clearRect(0, 0, this.width, this.height)
+    this.renderDisplayObject(stage);
+}
+
+&#x2F;**
+ * resizes the canvas view to the specified width and height
+ * @param the new width of the canvas view
+ * @param the new height of the canvas view
+ *&#x2F;
+PIXI.CanvasRenderer.prototype.resize = function(width, height)
+{
+	this.width = width;
+	this.height = height;
+	
+	this.view.width = width;
+	this.view.height = height;
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
+{
+	var transform = displayObject.worldTransform;
+	var context = this.context;
+	context.globalCompositeOperation = &quot;source-over&quot;
+	var blit = false;
+	
+	if(!displayObject.visible)return;
+		
+	if(displayObject instanceof PIXI.Sprite)
+	{
+		var frame = displayObject.texture.frame;
+		
+		if(frame)
+		{
+			context.globalAlpha = displayObject.worldAlpha;
+			
+			&#x2F;&#x2F; BLITZ!!!
+			&#x2F;*
+			 * if the rotation is 0 then we can blitz it
+			 * meaning we dont need to do a transform and also we
+			 * can round to the nearest round number for a little extra speed!
+			 *&#x2F;
+			if(displayObject.rotation == 0)
+			{
+				if(!blit)this.context.setTransform(1,0,0,1,0,0); 
+				blit = true;
+				context.drawImage(displayObject.texture.baseTexture.image, 
+								   frame.x,
+								   frame.y,
+								   frame.width,
+								   frame.height,
+								   (transform[2]+ ((displayObject.anchor.x - displayObject.texture.trim.x) * -frame.width) * transform[0]),
+								   (transform[5]+ ((displayObject.anchor.y - displayObject.texture.trim.y) * -frame.height)* transform[4]),
+								   (displayObject.width * transform[0]),
+								   (displayObject.height * transform[4]));
+				
+			}	
+			else
+			{
+				blit = false;
+				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
+				context.drawImage(displayObject.texture.baseTexture.image, 
+								   frame.x,
+								   frame.y,
+								   frame.width,
+								   frame.height,
+								   (displayObject.anchor.x - displayObject.texture.trim.x) * -frame.width, 
+								   (displayObject.anchor.y - displayObject.texture.trim.y) * -frame.height,
+								   displayObject.width,
+								   displayObject.height);
+			}
+		}					   
+   	}
+   	else if(displayObject instanceof PIXI.Strip)
+	{
+		context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
+		this.renderStrip(displayObject);
+	}
+	
+	&#x2F;&#x2F; render!
+	for (var i=0; i &lt; displayObject.children.length; i++) 
+	{
+		this.renderDisplayObject(displayObject.children[i]);
+	}
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
+{
+	var context = this.context;
+	var verticies = strip.verticies;
+	var uvs = strip.uvs;
+	
+	var length = verticies.length&#x2F;2;
+	this.count++;
+	
+	context.beginPath();
+	for (var i=1; i &lt; length-2; i++) 
+	{
+		
+		&#x2F;&#x2F; draw some triangles!
+		var index = i*2;
+		
+		 var x0 = verticies[index],   x1 = verticies[index+2], x2 = verticies[index+4];
+ 		 var y0 = verticies[index+1], y1 = verticies[index+3], y2 = verticies[index+5];
+ 		 
+		context.moveTo(x0, y0);
+		context.lineTo(x1, y1);
+		context.lineTo(x2, y2);
+		
+	};	
+	
+&#x2F;&#x2F;	context.globalCompositeOperation = &#x27;lighter&#x27;;
+	context.fillStyle = &quot;#FF0000&quot;;
+	context.fill();
+	context.closePath();
+	&#x2F;&#x2F;context.globalCompositeOperation = &#x27;source-over&#x27;;	
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
+{
+	var context = this.context;
+	&#x2F;&#x2F;context.globalCompositeOperation = &#x27;lighter&#x27;;
+	&#x2F;&#x2F; draw triangles!!
+	var verticies = strip.verticies;
+	var uvs = strip.uvs;
+	
+	var length = verticies.length&#x2F;2;
+	this.count++;
+	for (var i=1; i &lt; length-2; i++) 
+	{
+		
+		&#x2F;&#x2F; draw some triangles!
+		var index = i*2;
+		
+		 var x0 = verticies[index],   x1 = verticies[index+2], x2 = verticies[index+4];
+ 		 var y0 = verticies[index+1], y1 = verticies[index+3], y2 = verticies[index+5];
+ 		 
+  		 var u0 = uvs[index] * strip.texture.width,   u1 = uvs[index+2]* strip.texture.width, u2 = uvs[index+4]* strip.texture.width;
+   		 var v0 = uvs[index+1]* strip.texture.height, v1 = uvs[index+3]* strip.texture.height, v2 = uvs[index+5]* strip.texture.height;
+
+
+		context.save();
+		context.beginPath();
+		context.moveTo(x0, y0);
+		context.lineTo(x1, y1);
+		context.lineTo(x2, y2);
+		context.closePath();
+		
+	&#x2F;&#x2F;	context.fillStyle = &quot;white&quot;&#x2F;&#x2F;rgb(1, 1, 1,1));
+	&#x2F;&#x2F;	context.fill();
+		context.clip();
+		
+		
+        &#x2F;&#x2F; Compute matrix transform
+        var delta = u0*v1 + v0*u2 + u1*v2 - v1*u2 - v0*u1 - u0*v2;
+        var delta_a = x0*v1 + v0*x2 + x1*v2 - v1*x2 - v0*x1 - x0*v2;
+        var delta_b = u0*x1 + x0*u2 + u1*x2 - x1*u2 - x0*u1 - u0*x2;
+        var delta_c = u0*v1*x2 + v0*x1*u2 + x0*u1*v2 - x0*v1*u2 - v0*u1*x2 - u0*x1*v2;
+        var delta_d = y0*v1 + v0*y2 + y1*v2 - v1*y2 - v0*y1 - y0*v2;
+        var delta_e = u0*y1 + y0*u2 + u1*y2 - y1*u2 - y0*u1 - u0*y2;
+        var delta_f = u0*v1*y2 + v0*y1*u2 + y0*u1*v2 - y0*v1*u2 - v0*u1*y2 - u0*y1*v2;
+		
+		
+		
+		    
+        context.transform(delta_a&#x2F;delta, delta_d&#x2F;delta,
+                      delta_b&#x2F;delta, delta_e&#x2F;delta,
+                      delta_c&#x2F;delta, delta_f&#x2F;delta);
+                 
+		context.drawImage(strip.texture.baseTexture.image, 0, 0);
+	  	context.restore();
+	};
+	
+&#x2F;&#x2F;	context.globalCompositeOperation = &#x27;source-over&#x27;;	
+}
+
+
+
+
+
+
+
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_renderers_WebGLBatch.js.html b/docs/files/pixi_renderers_WebGLBatch.js.html
new file mode 100644
index 0000000..92ea7ac
--- /dev/null
+++ b/docs/files/pixi_renderers_WebGLBatch.js.html
@@ -0,0 +1,693 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;renderers&#x2F;WebGLBatch.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;renderers&#x2F;WebGLBatch.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI._batchs = [];
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI._getBatch = function(gl)
+{
+	if(PIXI._batchs.length == 0)
+	{
+		return new PIXI.WebGLBatch(gl);
+	}
+	else
+	{
+		return PIXI._batchs.pop();
+	}
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI._returnBatch = function(batch)
+{
+	batch.clean();	
+	PIXI._batchs.push(batch);
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI._restoreBatchs = function(gl)
+{
+	for (var i=0; i &lt; PIXI._batchs.length; i++) 
+	{
+	  PIXI._batchs[i].restoreLostContext(gl);
+	};
+}
+
+&#x2F;**
+ * A WebGLBatch Enables a group of sprites to be drawn using the same settings.
+ * if a group of sprites all have the same baseTexture and blendMode then they can be grouped into a batch. All the sprites in a batch can then be drawn in one go by the GPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch even if the batch only contains one sprite. Batching is handled automatically by the webGL renderer. A good tip is: the smaller the number of batchs there are, the faster the webGL renderer will run. 
+ * @class WebGLBatch
+ * @param an instance of the webGL context
+ * @return {PIXI.renderers.WebGLBatch} WebGLBatch {@link PIXI.renderers.WebGLBatch}
+ *&#x2F;
+PIXI.WebGLBatch = function(gl)
+{
+	this.gl = gl;
+	
+	this.size = 0;
+
+	this.vertexBuffer =  gl.createBuffer();
+	this.indexBuffer =  gl.createBuffer();
+	this.uvBuffer =  gl.createBuffer();
+	this.colorBuffer =  gl.createBuffer();
+	this.blendMode = PIXI.blendModes.NORMAL;
+	this.dynamicSize = 1;
+}
+
+
+&#x2F;&#x2F; constructor
+PIXI.WebGLBatch.constructor = PIXI.WebGLBatch;
+
+&#x2F;**
+ * Cleans the batch so that is can be returned to an object pool and reused
+ *&#x2F;
+PIXI.WebGLBatch.prototype.clean = function()
+{
+	this.verticies = [];
+	this.uvs = [];
+	this.indices = [];
+	this.colors = [];
+	&#x2F;&#x2F;this.sprites = [];
+	this.dynamicSize = 1;
+	this.texture = null;
+	this.last = null;
+	this.size = 0;
+	
+	this.head;
+	this.tail;
+}
+
+&#x2F;*
+ * recreates the buffers in the event of a context loss
+ *&#x2F;
+PIXI.WebGLBatch.prototype.restoreLostContext = function(gl)
+{
+	this.gl = gl;
+	this.vertexBuffer =  gl.createBuffer();
+	this.indexBuffer =  gl.createBuffer();
+	this.uvBuffer =  gl.createBuffer();
+	this.colorBuffer =  gl.createBuffer();
+}
+
+&#x2F;**
+ * inits the batch&#x27;s texture and blend mode based if the supplied sprite
+ * @method init
+ * @param sprite {Sprite} the first sprite to be added to the batch. Only sprites with the same base texture and blend mode will be allowed to be added to this batch
+ *&#x2F;	
+PIXI.WebGLBatch.prototype.init = function(sprite)
+{
+	sprite.batch = this;
+	this.dirty = true;
+	this.blendMode = sprite.blendMode;
+	this.texture = sprite.texture.baseTexture;
+&#x2F;&#x2F;	this.sprites.push(sprite);
+	this.head = sprite;
+	this.tail = sprite;
+	this.size = 1;
+	
+	this.growBatch();
+}
+
+&#x2F;**
+ * inserts a sprite before the specified sprite
+ * @method insertBefore
+ * @param sprite {Sprite} the sprite to be added
+ * @param nextSprite {nextSprite} the first sprite will be inserted before this sprite
+ *&#x2F;	
+PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
+{
+	this.size++;
+	
+	sprite.batch = this;
+	this.dirty = true;
+	var tempPrev = nextSprite.__prev;
+	nextSprite.__prev = sprite;
+	sprite.__next = nextSprite;
+	
+	if(tempPrev)
+	{
+		sprite.__prev = tempPrev;
+		tempPrev.__next = sprite;
+	}
+	else
+	{
+		this.head = sprite;
+		&#x2F;&#x2F;this.head.__prev = null
+	}
+}
+
+&#x2F;**
+ * inserts a sprite after the specified sprite
+ * @method insertAfter
+ * @param sprite {Sprite} the sprite to be added
+ * @param  previousSprite {Sprite} the first sprite will be inserted after this sprite
+ *&#x2F;	
+PIXI.WebGLBatch.prototype.insertAfter = function(sprite, previousSprite)
+{
+	this.size++;
+	
+	
+	sprite.batch = this;
+	this.dirty = true;
+	
+	var tempNext = previousSprite.__next;
+	previousSprite.__next = sprite;
+	sprite.__prev = previousSprite;
+	
+	if(tempNext)
+	{
+		sprite.__next = tempNext;
+		tempNext.__prev = sprite;
+	}
+	else
+	{
+		this.tail = sprite
+	}
+	
+}
+
+&#x2F;**
+ * removes a sprite from the batch
+ * @method remove
+ * @param sprite {Sprite} the sprite to be removed
+ *&#x2F;	
+PIXI.WebGLBatch.prototype.remove = function(sprite)
+{
+	this.size--;
+	
+	if(this.size == 0)
+	{
+		sprite.batch = null;
+		sprite.__prev = null;
+		sprite.__next = null;
+		return;
+	}
+	
+	if(sprite.__prev)
+	{
+		sprite.__prev.__next = sprite.__next;
+	}
+	else
+	{
+		this.head = sprite.__next;
+		this.head.__prev = null;
+	}
+	
+	if(sprite.__next)
+	{
+		sprite.__next.__prev = sprite.__prev;
+	}
+	else
+	{
+		this.tail = sprite.__prev;
+		this.tail.__next = null
+	}
+	
+	sprite.batch = null;
+	sprite.__next = null;
+	sprite.__prev = null;
+	this.dirty = true;
+}
+
+&#x2F;**
+ * Splits the batch into two with the specified sprite being the start of the new batch.
+ * @method split
+ * @param sprite {Sprite} the sprite that indicates where the batch should be split
+ * @return {WebGLBatch} the new batch
+ *&#x2F;
+PIXI.WebGLBatch.prototype.split = function(sprite)
+{
+	
+	&#x2F;&#x2F;console.log(&quot;Splitting batch :&quot; + this.size)
+&#x2F;&#x2F;	console.log(sprite)
+&#x2F;&#x2F;	console.log(&quot;-------&quot;)
+	this.dirty = true;
+	
+	&#x2F;&#x2F;var val = (this.tail == this.head)
+	&#x2F;&#x2F;console.log(val + &quot; SAME?&quot;);
+	var batch = new PIXI.WebGLBatch(this.gl)&#x2F;&#x2F;PIXI._getBatch(this.gl);
+	batch.init(sprite);
+	batch.tail = this.tail;
+	&#x2F;&#x2F;console.log(&quot;id is &quot; +batcheee.id)
+	
+	this.tail = sprite.__prev;
+	this.tail.__next = null;
+	
+	sprite.__prev = null;
+	&#x2F;&#x2F; return a splite batch!
+	&#x2F;&#x2F;sprite.__prev.__next = null;
+	&#x2F;&#x2F;sprite.__prev = null;
+	
+	
+	&#x2F;&#x2F; TODO this size is wrong!
+	&#x2F;&#x2F; need to recalculate :&#x2F; problem with a linked list!
+	&#x2F;&#x2F; unless it gets calculated in the &quot;clean&quot;?
+	
+	&#x2F;&#x2F; need to loop through items as there is no way to know the length on a linked list :&#x2F;
+	var tempSize = 0;
+	while(sprite)
+	{
+		tempSize++;
+		sprite.batch = batch;
+		sprite = sprite.__next;
+	}
+	
+	batch.size = tempSize;
+	this.size -= tempSize;
+	
+	return batch;
+}
+
+&#x2F;**
+ * Merges two batchs together
+ * @method merge
+ * @param batch {WebGLBatch} the batch that will be merged 
+ *&#x2F;
+PIXI.WebGLBatch.prototype.merge = function(batch)
+{
+	this.dirty = true;
+	
+	this.tail.__next = batch.head;
+	batch.head.__prev = this.tail;
+	
+	this.size += batch.size;
+			
+	this.tail = batch.tail;
+	
+	var sprite = batch.head;
+	while(sprite)
+	{
+		sprite.batch = this;
+		sprite = sprite.__next;
+	}
+	
+}
+
+&#x2F;**
+ * Grows the size of the batch. As the elements in the batch cannot have a dynamic size this function is used to increase the size of the batch. It also creates a little extra room so that the batch does not need to be resized every time a sprite is added
+ * @methos growBatch
+ *&#x2F;
+PIXI.WebGLBatch.prototype.growBatch = function()
+{
+	var gl = this.gl;
+	if( this.size == 1)
+	{
+		this.dynamicSize = 1;
+	}
+	else
+	{
+		this.dynamicSize = this.size * 1.5
+	}
+	&#x2F;&#x2F; grow verts
+	this.verticies = new Float32Array(this.dynamicSize * 8);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	gl.bufferData(gl.ARRAY_BUFFER,this.verticies , gl.DYNAMIC_DRAW);
+	
+	this.uvs  = new Float32Array( this.dynamicSize * 8 )  
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+	gl.bufferData(gl.ARRAY_BUFFER, this.uvs , gl.DYNAMIC_DRAW);
+	
+	this.dirtyUVS = true;
+	
+	this.colors  = new Float32Array( this.dynamicSize * 4 )  
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
+	gl.bufferData(gl.ARRAY_BUFFER, this.colors , gl.DYNAMIC_DRAW);
+	
+	this.dirtyColors = true;
+	
+	this.indices = new Uint16Array(this.dynamicSize * 6); 
+	var length = this.indices.length&#x2F;6;
+	
+	for (var i=0; i &lt; length; i++) 
+	{
+	    var index2 = i * 6;
+	    var index3 = i * 4;
+		this.indices[index2 + 0] = index3 + 0;
+		this.indices[index2 + 1] = index3 + 1;
+		this.indices[index2 + 2] = index3 + 2;
+		this.indices[index2 + 3] = index3 + 0;
+		this.indices[index2 + 4] = index3 + 2;
+		this.indices[index2 + 5] = index3 + 3;
+	};
+	
+	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.indices, gl.STATIC_DRAW);
+	
+}
+
+&#x2F;**
+ * Refresh&#x27;s all the data in the batch and sync&#x27;s it with the webGL buffers
+ * @method refresh
+ *&#x2F;
+PIXI.WebGLBatch.prototype.refresh = function()
+{
+	var gl = this.gl;
+	
+	if (this.dynamicSize &lt; this.size)
+	{
+		this.growBatch();
+	}
+
+	var indexRun = 0;
+	var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index
+	var a, b, c, d, tx, ty
+	
+	var displayObject = this.head
+
+	while(displayObject)
+	{
+		index = indexRun * 8;
+		
+		var texture = displayObject.texture;
+			
+		var frame = texture.frame;
+		var tw = texture.baseTexture.width;
+		var th = texture.baseTexture.height;
+		
+		this.uvs[index + 0] = frame.x &#x2F; tw;
+		this.uvs[index +1] = frame.y &#x2F; th;
+		
+		this.uvs[index +2] = (frame.x + frame.width) &#x2F; tw;
+		this.uvs[index +3] = frame.y &#x2F; th;
+		
+		this.uvs[index +4] = (frame.x + frame.width) &#x2F; tw;
+		this.uvs[index +5] = (frame.y + frame.height) &#x2F; th; 
+		
+		this.uvs[index +6] = frame.x &#x2F; tw;
+		this.uvs[index +7] = (frame.y + frame.height) &#x2F; th;
+		
+		displayObject.updateFrame = false;
+		
+		colorIndex = indexRun * 4;
+		this.colors[colorIndex] = this.colors[colorIndex + 1] = this.colors[colorIndex + 2] = this.colors[colorIndex + 3] = displayObject.worldAlpha;
+		
+		displayObject = displayObject.__next;
+		
+		indexRun ++;
+	}
+	
+	this.dirtyUVS = true;
+	this.dirtyColors = true;
+}
+
+&#x2F;**
+ * Updates all the relevant geometry and uploads the data to the GPU
+ * @method update
+ *&#x2F;
+PIXI.WebGLBatch.prototype.update = function()
+{
+	var gl = this.gl;
+	var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, index2, index3
+	
+	var a, b, c, d, tx, ty;
+	
+	var indexRun = 0;
+	
+	var displayObject = this.head;
+	
+	while(displayObject)
+	{
+		width = displayObject.width;
+		height = displayObject.height;
+		
+		aX = displayObject.anchor.x - displayObject.texture.trim.x
+		aY = displayObject.anchor.y - displayObject.texture.trim.y
+		w0 = width * (1-aX);
+		w1 = width * -aX;
+		 
+		h0 = height * (1-aY);
+		h1 = height * -aY;
+		 
+		index = indexRun * 8;
+
+		worldTransform = displayObject.worldTransform;
+	
+		a = worldTransform[0];
+		b = worldTransform[3];
+		c = worldTransform[1];
+		d = worldTransform[4];
+		tx = worldTransform[2];
+		ty = worldTransform[5];
+		
+		this.verticies[index + 0 ] = a * w1 + c * h1 + tx; 
+		this.verticies[index + 1 ] = d * h1 + b * w1 + ty;
+		 
+		this.verticies[index + 2 ] = a * w0 + c * h1 + tx; 
+		this.verticies[index + 3 ] = d * h1 + b * w0 + ty; 
+		
+		this.verticies[index + 4 ] = a * w0 + c * h0 + tx; 
+		this.verticies[index + 5 ] = d * h0 + b * w0 + ty; 
+		
+		this.verticies[index + 6] =  a * w1 + c * h0 + tx; 
+		this.verticies[index + 7] =  d * h0 + b * w1 + ty; 
+		
+		if(displayObject.updateFrame)
+		{
+			this.dirtyUVS = true;
+			
+			var texture = displayObject.texture;
+			
+			var frame = texture.frame;
+			var tw = texture.baseTexture.width;
+			var th = texture.baseTexture.height;
+			
+			this.uvs[index + 0] = frame.x &#x2F; tw;
+			this.uvs[index +1] = frame.y &#x2F; th;
+			
+			this.uvs[index +2] = (frame.x + frame.width) &#x2F; tw;
+			this.uvs[index +3] = frame.y &#x2F; th;
+			
+			this.uvs[index +4] = (frame.x + frame.width) &#x2F; tw;
+			this.uvs[index +5] = (frame.y + frame.height) &#x2F; th; 
+			
+			this.uvs[index +6] = frame.x &#x2F; tw;
+			this.uvs[index +7] = (frame.y + frame.height) &#x2F; th;
+			
+			displayObject.updateFrame = false;
+		}
+		
+		&#x2F;&#x2F; TODO this probably could do with some optimisation....
+		if(displayObject.cacheAlpha != displayObject.worldAlpha)
+		{
+			displayObject.cacheAlpha = displayObject.worldAlpha;
+			
+			var colorIndex = indexRun * 4;
+			this.colors[colorIndex] = this.colors[colorIndex + 1] = this.colors[colorIndex + 2] = this.colors[colorIndex + 3] = displayObject.worldAlpha;
+			this.dirtyColors = true;
+		}
+		
+		indexRun++;
+		displayObject = displayObject.__next;
+   }
+}
+
+&#x2F;**
+ * Draws the batch to the frame buffer
+ * @method render
+ *&#x2F;
+PIXI.WebGLBatch.prototype.render = function()
+{
+	if(this.dirty)
+	{
+		this.refresh();
+		this.dirty = false;
+	}
+	
+	if (this.size == 0)return;
+	
+	this.update();
+	var gl = this.gl;
+	
+	&#x2F;&#x2F;TODO optimize this!
+	if(this.blendMode == PIXI.blendModes.NORMAL)
+	{
+		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+	}
+	else
+	{
+		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
+	}
+	
+	var shaderProgram = PIXI.shaderProgram;
+	
+	&#x2F;&#x2F; update the verts..
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	&#x2F;&#x2F; ok..
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
+    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+	
+	&#x2F;&#x2F; update the uvs
+   	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+
+    if(this.dirtyUVS)
+    {
+    	this.dirtyUVS = false;
+    	gl.bufferSubData(gl.ARRAY_BUFFER,  0, this.uvs);
+    }
+    
+    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+	
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, this.texture._glTexture);
+	
+	&#x2F;&#x2F; update color!
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
+
+	if(this.dirtyColors)
+    {
+    	this.dirtyColors = false;
+    	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.colors);
+	}
+	
+    gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
+	
+	&#x2F;&#x2F; dont need to upload!
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+	    
+    &#x2F;&#x2F; DRAW THAT this!
+    gl.drawElements(gl.TRIANGLES, this.size * 6, gl.UNSIGNED_SHORT, 0);
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_renderers_WebGLRenderer.js.html b/docs/files/pixi_renderers_WebGLRenderer.js.html
new file mode 100644
index 0000000..6a965c4
--- /dev/null
+++ b/docs/files/pixi_renderers_WebGLRenderer.js.html
@@ -0,0 +1,823 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;renderers&#x2F;WebGLRenderer.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;renderers&#x2F;WebGLRenderer.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
+
+&#x2F;**
+ * the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer should be used for browsers support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batch&#x27;s or Sprite Cloud&#x27;s
+ * Dont forget to add the view to your DOM or you will not see anything :)
+ * @class WebGLRenderer
+ * @param width {Number} the width of the canvas view
+ * @default 0
+ * @param height {Number} the height of the canvas view
+ * @default 0
+ *&#x2F;
+PIXI.WebGLRenderer = function(width, height)
+{
+	this.width = width ? width : 800;
+	this.height = height ? height : 600;
+	
+	this.view = document.createElement( &#x27;canvas&#x27; ); 
+    this.view.width = this.width;
+	this.view.height = this.height;  
+	this.view.background = &quot;#FF0000&quot;;
+	
+	&#x2F;&#x2F; deal with losing context..	
+    var scope = this;
+	this.view.addEventListener(&#x27;webglcontextlost&#x27;, function(event) { scope.handleContextLost(event); }, false)
+	this.view.addEventListener(&#x27;webglcontextrestored&#x27;, function(event) { scope.handleContextRestored(event); }, false)
+
+	this.batchs = [];
+	
+	try 
+ 	{
+        this.gl = this.view.getContext(&quot;experimental-webgl&quot;,  {  	
+    		 alpha: false
+        });
+    } 
+    catch (e) 
+    {
+    	throw new Error(&quot; This browser does not support webGL. Try using the canvas renderer&quot; + this);
+    }
+    
+    this.initShaders();
+    
+    
+    var gl = this.gl;
+    
+    this.batch = new PIXI.WebGLBatch(gl);
+   	gl.disable(gl.DEPTH_TEST);
+    gl.enable(gl.BLEND);
+    gl.colorMask(true, true, true, false); 
+    
+    this.projectionMatrix =  mat4.create();
+    
+    this.resize(this.width, this.height)
+    this.contextLost = false;
+}
+
+&#x2F;&#x2F; constructor
+PIXI.WebGLRenderer.constructor = PIXI.WebGLRenderer;
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.initShaders = function() 
+{
+	var gl = this.gl;
+	var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc);
+	var vertexShader = PIXI.CompileVertexShader(gl, PIXI.shaderVertexSrc);
+	
+	this.shaderProgram = gl.createProgram();
+	
+	var shaderProgram = this.shaderProgram;
+	
+    gl.attachShader(shaderProgram, vertexShader);
+    gl.attachShader(shaderProgram, fragmentShader);
+    gl.linkProgram(shaderProgram);
+
+    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
+        alert(&quot;Could not initialise shaders&quot;);
+    }
+
+    gl.useProgram(shaderProgram);
+
+    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, &quot;aVertexPosition&quot;);
+    gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
+
+    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, &quot;aTextureCoord&quot;);
+    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
+	
+	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, &quot;aColor&quot;);
+    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
+
+
+    shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, &quot;uMVMatrix&quot;);
+    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, &quot;uSampler&quot;);
+	
+	PIXI.shaderProgram = this.shaderProgram;
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.checkVisibility = function(displayObject, globalVisible)
+{
+	var children = displayObject.children;
+	
+	
+	for (var i=0; i &lt; children.length; i++) 
+	{
+		var child = children[i];
+		
+		&#x2F;&#x2F; TODO optimize... shouldt need to loop through everything all the time
+		var actualVisibility = child.visible &amp;&amp; globalVisible;
+		
+		&#x2F;&#x2F; everything should have a batch!
+		&#x2F;&#x2F; time to see whats new!
+		if(child.textureChange)
+		{
+			child.textureChange = false;
+			if(actualVisibility)
+			{
+				this.removeDisplayObject(child)
+				this.addDisplayObject(child)
+			}
+			&#x2F;&#x2F; update texture!!
+		}
+		
+		
+		
+		if(child.cacheVisible != actualVisibility)
+		{
+			child.cacheVisible = actualVisibility;
+			
+			if(child.cacheVisible)
+			{
+				this.addDisplayObject(child);
+			}
+			else
+			{
+				this.removeDisplayObject(child);
+			}
+		}
+		
+		if(child.children.length &gt; 0)
+		{
+			this.checkVisibility(child, actualVisibility);
+		}
+		
+		
+	};
+}
+
+
+&#x2F;**
+ * Renders the stage to its webGL view
+ * @method render
+ * @param stage {Stage} the PIXI.Stage element to be rendered
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.render = function(stage)
+{
+	if(this.contextLost)return;
+	
+	&#x2F;&#x2F; update children if need be
+	&#x2F;&#x2F; best to remove first!
+	for (var i=0; i &lt; stage.__childrenRemoved.length; i++)
+	{
+		this.removeDisplayObject(stage.__childrenRemoved[i]);
+	&#x2F;&#x2F;	stage.__childrenRemoved[i].cacheVisible = false;
+	}
+	&#x2F;*
+	&#x2F;&#x2F; no add all new sprites		
+	for (var i=0; i &lt; stage.__childrenAdded.length; i++) 
+	{
+		stage.__childrenAdded[i].cacheVisible = false;
+&#x2F;&#x2F;		this.addDisplayObject(stage.__childrenAdded[i]);
+	}*&#x2F;
+	&#x2F;&#x2F; update any textures	
+	for (var i=0; i &lt; PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
+	
+	&#x2F;&#x2F; empty out the arrays
+	stage.__childrenRemoved = [];
+	stage.__childrenAdded = [];
+	PIXI.texturesToUpdate = [];
+	
+	&#x2F;&#x2F; recursivly loop through all items!
+	this.checkVisibility(stage, true);
+	
+	&#x2F;&#x2F; update the scen graph	
+	stage.updateTransform();
+	
+	var gl = this.gl;
+	
+	gl.clear(gl.COLOR_BUFFER_BIT)
+
+	gl.clearColor(0, 0, 0, 1.0);     
+	
+	&#x2F;&#x2F; set the correct blend mode!
+ 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
+   
+	&#x2F;&#x2F; render all the batchs!	
+	
+	
+	var renderable;
+	for (var i=0; i &lt; this.batchs.length; i++) 
+	{
+		renderable = this.batchs[i];
+		if(renderable instanceof PIXI.WebGLBatch)
+		{
+			this.batchs[i].render();
+		}
+		else if(renderable instanceof PIXI.Strip)
+		{
+			if(renderable.visible)this.renderStrip(renderable);
+		}
+	}
+	
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
+{
+	var gl = this.gl;
+	
+	if(!texture._glTexture)
+	{
+		texture._glTexture = gl.createTexture();
+	}
+	
+	if(texture.hasLoaded)
+	{
+		gl.bindTexture(gl.TEXTURE_2D, texture._glTexture);
+	 	gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.image);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+
+	&#x2F;&#x2F;	gl.generateMipmap(gl.TEXTURE_2D);
+		gl.bindTexture(gl.TEXTURE_2D, null);
+	}
+	
+	this.refreshBatchs = true;
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.addDisplayObject = function(displayObject)
+{
+	
+	if(!displayObject.stage)return; &#x2F;&#x2F; means it was removed 
+	if(displayObject.__inWebGL)return; &#x2F;&#x2F;means it is already in webgL
+	
+	&#x2F;&#x2F;displayObject.cacheVisible = displayObject.visible;
+	
+	&#x2F;&#x2F; TODO if objects parent is not visible then dont add to stage!!!!
+	&#x2F;&#x2F;if(!displayObject.visible)return;
+
+	
+	displayObject.batch = null;
+	
+	&#x2F;&#x2F;displayObject.cacheVisible = true;
+	if(!displayObject.renderable)return;
+
+	&#x2F;&#x2F; while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
+	displayObject.__inWebGL = true;
+
+	&#x2F;*
+	 *  LOOK FOR THE PREVIOUS SPRITE
+	 *  This part looks for the closest previous sprite that can go into a batch
+	 *  It keeps going back until it finds a sprite or the stage
+	 *&#x2F;
+	var previousSprite = displayObject;
+	do
+	{
+		if(previousSprite.childIndex == 0)
+		{
+			previousSprite = previousSprite.parent;
+			
+		}
+		else
+		{
+			previousSprite = previousSprite.parent.children[previousSprite.childIndex-1];
+			&#x2F;&#x2F; what if the bloop has children???
+			while(previousSprite.children.length != 0)
+			{
+				&#x2F;&#x2F; keep diggin till we get to the last child
+				previousSprite = previousSprite.children[previousSprite.children.length-1];
+			}
+		}
+		
+		if(previousSprite == displayObject.stage)break;
+	}
+	while(!previousSprite.renderable || !previousSprite.__inWebGL)
+	&#x2F;&#x2F;while(!(previousSprite instanceof PIXI.Sprite))
+
+	&#x2F;*
+	 *  LOOK FOR THE NEXT SPRITE
+	 *  This part looks for the closest next sprite that can go into a batch
+	 *  it keeps looking until it finds a sprite or gets to the end of the display
+	 *  scene graph
+	 * 
+	 *  These look a lot scarier than the actually are...
+	 *&#x2F;
+	var nextSprite = displayObject;
+	do
+	{
+		&#x2F;&#x2F; moving forward!
+		&#x2F;&#x2F; if it has no children.. 
+		if(nextSprite.children.length == 0)
+		{
+			&#x2F;&#x2F; go along to the parent..
+			while(nextSprite.childIndex == nextSprite.parent.children.length-1)
+			{
+				nextSprite = nextSprite.parent;
+				if(nextSprite == displayObject.stage)
+				{
+					nextSprite = null
+					break;
+				}
+			}
+			
+			if(nextSprite)nextSprite = nextSprite.parent.children[nextSprite.childIndex+1];
+			
+		}
+		else
+		{
+			nextSprite = nextSprite.children[0];
+		}
+
+		if(!nextSprite)break;
+	}
+	while(!nextSprite.renderable || !nextSprite.__inWebGL)
+	
+	&#x2F;*
+	 * so now we have the next renderable and the previous renderable
+	 * 
+	 *&#x2F;
+	
+	if(displayObject instanceof PIXI.Sprite)
+	{
+		var previousBatch
+		var nextBatch
+		
+		if(previousSprite instanceof PIXI.Sprite)
+		{
+			previousBatch = previousSprite.batch;
+			
+			if(previousBatch)
+			{
+				if(previousBatch.texture == displayObject.texture.baseTexture &amp;&amp; previousBatch.blendMode == displayObject.blendMode)
+				{
+					previousBatch.insertAfter(displayObject, previousSprite);
+					return;
+				}
+			}
+		}
+		else
+		{
+			&#x2F;&#x2F; TODO reword!
+			previousBatch = previousSprite;
+		}
+	
+		if(nextSprite)
+		{
+			if(nextSprite instanceof PIXI.Sprite)
+			{
+				nextBatch = nextSprite.batch;
+			
+				&#x2F;&#x2F;batch may not exist if item was added to the display list but not to the webGL
+				if(nextBatch)
+				{
+					if(nextBatch.texture == displayObject.texture.baseTexture &amp;&amp; nextBatch.blendMode == displayObject.blendMode)
+					{
+						nextBatch.insertBefore(displayObject, nextSprite);
+						return;
+					}
+					else
+					{
+						if(nextBatch == previousBatch)
+						{
+							&#x2F;&#x2F; THERE IS A SPLIT IN THIS BATCH! &#x2F;&#x2F;
+							var splitBatch = previousBatch.split(nextSprite);
+							&#x2F;&#x2F; COOL!
+							&#x2F;&#x2F; add it back into the array	
+							&#x2F;*
+							 * OOPS!
+							 * seems the new sprite is in the middle of a batch
+							 * lets split it.. 
+							 *&#x2F;
+							var batch = PIXI._getBatch(this.gl);
+
+							var index = this.batchs.indexOf( previousBatch );
+							batch.init(displayObject);
+							this.batchs.splice(index+1, 0, batch, splitBatch);
+							
+							return;
+						}
+					}
+				}
+			}
+			else
+			{
+				&#x2F;&#x2F; TODO re-word!
+				nextBatch = nextSprite;
+			}
+		}
+		
+		&#x2F;*
+		 * looks like it does not belong to any batch!
+		 * but is also not intersecting one..
+		 * time to create anew one!
+		 *&#x2F;
+		
+		var batch = PIXI._getBatch(this.gl);
+		batch.init(displayObject);
+
+		if(previousBatch) &#x2F;&#x2F; if this is invalid it means 
+		{
+			var index = this.batchs.indexOf( previousBatch );
+			this.batchs.splice(index+1, 0, batch);
+		}
+		else
+		{
+			this.batchs.push(batch);
+		}
+	
+	}
+	else if(displayObject instanceof PIXI.Strip)
+	{
+		&#x2F;&#x2F; add to a batch!!
+		this.initStrip(displayObject);
+		this.batchs.push(displayObject);
+		
+	}
+
+	&#x2F;&#x2F; if its somthing else... then custom codes!
+	this.batchUpdate = true;
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.removeDisplayObject = function(displayObject)
+{
+	&#x2F;&#x2F;if(displayObject.stage)return;
+	displayObject.cacheVisible = false;&#x2F;&#x2F;displayObject.visible;
+	
+	if(!displayObject.renderable)return;
+	
+	displayObject.__inWebGL = false;
+		
+	&#x2F;*
+	 * removing is a lot quicker..
+	 * 
+	 *&#x2F;
+	var batchToRemove;
+	
+	if(displayObject instanceof PIXI.Sprite)
+	{
+		&#x2F;&#x2F; should always have a batch!
+		var batch = displayObject.batch;
+		if(!batch)return; &#x2F;&#x2F; this means the display list has been altered befre rendering
+		
+		batch.remove(displayObject);
+		
+		
+		if(batch.size==0)
+		{
+			batchToRemove = batch
+		}
+	}
+	else
+	{
+		batchToRemove = displayObject;
+	}
+	
+	&#x2F;*
+	 * Looks like there is somthing that needs removing!
+	 *&#x2F;
+	if(batchToRemove)	
+	{
+		var index = this.batchs.indexOf( batchToRemove );
+		if(index == -1)return;&#x2F;&#x2F; this means it was added then removed before rendered
+		
+		&#x2F;&#x2F; ok so.. check to see if you adjacent batchs should be joined.
+		&#x2F;&#x2F; TODO may optimise?
+		if(index == 0 || index == this.batchs.length-1)
+		{
+			&#x2F;&#x2F; wha - eva! just get of the empty batch!
+			this.batchs.splice(index, 1);
+			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI._returnBatch(batchToRemove);
+		
+			return;
+		}
+		
+		if(this.batchs[index-1] instanceof PIXI.WebGLBatch &amp;&amp; this.batchs[index+1] instanceof PIXI.WebGLBatch)
+		{
+			if(this.batchs[index-1].texture == this.batchs[index+1].texture)
+			{
+				&#x2F;&#x2F;console.log(&quot;MERGE&quot;)
+				this.batchs[index-1].merge(this.batchs[index+1]);
+				
+				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI._returnBatch(batchToRemove);
+				PIXI._returnBatch(this.batchs[index+1]);
+				this.batchs.splice(index, 2);
+				return;
+			}
+		}
+		
+		
+		this.batchs.splice(index, 1);
+		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI._returnBatch(batchToRemove);
+	}
+	
+	
+}
+
+&#x2F;**
+ * resizes the webGL view to the specified width and height
+ * @method resize
+ * @param width {Number} the new width of the webGL view
+ * @param height {Number} the new height of the webGL view
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.resize = function(width, height)
+{
+	this.width = width;
+	this.height = height;
+	
+	this.view.width = width;
+	this.view.height = height;
+	
+	this.gl.viewport(0, 0, this.width, this.height);	
+
+	mat4.identity(this.projectionMatrix);
+	mat4.scale(this.projectionMatrix, [2&#x2F;this.width, -2&#x2F;this.height, 1]);
+	mat4.translate(this.projectionMatrix, [-this.width&#x2F;2, -this.height&#x2F;2, 0]);	
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.initStrip = function(strip)
+{
+	&#x2F;&#x2F; build the strip!
+	var gl = this.gl;
+	var shaderProgram = this.shaderProgram;
+	
+	strip._vertexBuffer = gl.createBuffer();
+	strip._indexBuffer = gl.createBuffer();
+	strip._uvBuffer = gl.createBuffer();
+	strip._colorBuffer = gl.createBuffer();
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
+	gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
+
+	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
+    gl.bufferData(gl.ARRAY_BUFFER,  strip.uvs, gl.STATIC_DRAW);
+
+    gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
+	gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
+
+	
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
+    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.renderStrip = function(strip)
+{
+	var gl = this.gl;
+	var shaderProgram = this.shaderProgram;
+&#x2F;&#x2F;	mat
+	var mat4Real = mat3.toMat4(strip.worldTransform);
+	mat4.transpose(mat4Real);
+	
+	mat4.multiply(this.projectionMatrix, mat4Real, mat4Real )
+
+	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, mat4Real);
+  
+	if(strip.blendMode == PIXI.blendModes.NORMAL)
+	{
+		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+	}
+	else
+	{
+		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
+	}
+	
+	if(!strip.dirty)
+	{
+		
+		gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
+	    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+		
+		&#x2F;&#x2F; update the uvs
+	   	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
+	    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+			
+	    gl.activeTexture(gl.TEXTURE0);
+	    gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
+		
+		gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
+	    gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
+		
+		&#x2F;&#x2F; dont need to upload!
+	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
+    
+	
+	}
+	else
+	{
+		strip.dirty = false;
+		gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
+		gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
+	    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+		
+		&#x2F;&#x2F; update the uvs
+	   	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
+	   	gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
+	    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+			
+	    gl.activeTexture(gl.TEXTURE0);
+	    gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
+		
+		gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
+		gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
+	    gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
+		
+		&#x2F;&#x2F; dont need to upload!
+	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
+	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
+	    
+	}
+	
+	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
+    
+    gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
+  
+  &#x2F;&#x2F;  console.log(&quot;!!!&quot;)
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
+{
+	event.preventDefault();
+	this.contextLost = true;
+}
+
+&#x2F;**
+ * @private
+ *&#x2F;
+PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
+{
+	this.gl = this.view.getContext(&quot;experimental-webgl&quot;,  {  	
+		alpha: true
+    });
+        
+	this.initShaders();	
+	
+	for (var i=0; i &lt; PIXI.TextureCache.length; i++) 
+	{
+		this.updateTexture(PIXI.TextureCache[i]);
+	};
+	
+	for (var i=0; i &lt;  this.batchs.length; i++) 
+	{
+		this.batchs[i].restoreLostContext(this.gl)&#x2F;&#x2F;
+		this.batchs[i].dirty = true;
+	};
+	
+	PIXI._restoreBatchs(this.gl);
+	
+	this.contextLost = false;
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_renderers_WebGLShaders.js.html b/docs/files/pixi_renderers_WebGLShaders.js.html
new file mode 100644
index 0000000..de4fdff
--- /dev/null
+++ b/docs/files/pixi_renderers_WebGLShaders.js.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;renderers&#x2F;WebGLShaders.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;renderers&#x2F;WebGLShaders.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+	
+PIXI.shaderFragmentSrc = [	&quot;precision mediump float;&quot;,
+					  		&quot;varying vec2 vTextureCoord;&quot;,
+					  		&quot;varying float vColor;&quot;,
+					  		&quot;uniform sampler2D uSampler;&quot;,
+					  		&quot;void main(void) {&quot;,
+					  		&quot;gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));&quot;,
+					  		&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+					  		&quot;}&quot;];
+
+PIXI.shaderVertexSrc = [	&quot;attribute vec2 aVertexPosition;&quot;,
+	    					&quot;attribute vec2 aTextureCoord;&quot;,
+	    					&quot;attribute float aColor;&quot;,
+	  						&quot;uniform mat4 uMVMatrix;&quot;,
+							&quot;varying vec2 vTextureCoord;&quot;,
+							&quot;varying float vColor;&quot;,
+							&quot;void main(void) {&quot;,
+							&quot;gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);&quot;,
+							&quot;vTextureCoord = aTextureCoord;&quot;,
+							&quot;vColor = aColor;&quot;,
+	   					 	&quot;}&quot;]
+
+PIXI.CompileVertexShader = function(gl, shaderSrc)
+{
+	var src = &quot;&quot;;
+	
+	for (var i=0; i &lt; shaderSrc.length; i++) {
+	  src += shaderSrc[i];
+	};
+	
+	var shader;
+    shader = gl.createShader(gl.VERTEX_SHADER);
+       
+    gl.shaderSource(shader, src);
+    gl.compileShader(shader);
+
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        alert(gl.getShaderInfoLog(shader));
+        return null;
+    }
+    
+    return shader;
+}
+
+PIXI.CompileFragmentShader = function(gl, shaderSrc)
+{
+	var src = &quot;&quot;;
+	
+	for (var i=0; i &lt; shaderSrc.length; i++) {
+	  src += shaderSrc[i];
+	};
+	
+	var shader;
+    shader = gl.createShader(gl.FRAGMENT_SHADER);
+        
+    gl.shaderSource(shader, src);
+    gl.compileShader(shader);
+	
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        alert(gl.getShaderInfoLog(shader));
+        return null;
+    }
+    
+    return shader;
+}
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_textures_BaseTexture.js.html b/docs/files/pixi_textures_BaseTexture.js.html
new file mode 100644
index 0000000..777e388
--- /dev/null
+++ b/docs/files/pixi_textures_BaseTexture.js.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;textures&#x2F;BaseTexture.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;textures&#x2F;BaseTexture.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI.BaseTextureCache = {};
+PIXI.texturesToUpdate = [];
+
+&#x2F;**
+ * A texture stores the information that represents an image. All textures have a base texture
+ * @class BaseTexture
+ * @extends EventTarget
+ * @constructor
+ * @param imageUrl {String} image url
+ *&#x2F;
+PIXI.BaseTexture = function(imageUrl)
+{
+	PIXI.EventTarget.call( this );
+	
+	&#x2F;**
+	 * The url of the texture
+	 * @property imageUrl
+	 * @type String
+	 *&#x2F;
+	this.imageUrl = imageUrl;
+	
+	&#x2F;**
+	 * The html image that is loaded to create the texture
+	 * @property image
+	 * @type Image
+	 *&#x2F;
+	this.image = new Image();
+	
+	var scope = this
+	this.image.onload = function(){
+		
+		scope.hasLoaded = true;
+		scope.width = scope.image.width;
+		scope.height = scope.image.height;
+	
+		&#x2F;&#x2F; add it to somewhere...
+		PIXI.texturesToUpdate.push(scope);
+		scope.dispatchEvent( { type: &#x27;loaded&#x27;, content: scope } );
+	}
+		
+	$.proxy(this.onImageLoaded, this);
+	this.image.src = imageUrl;
+	
+	&#x2F;**
+	 * [read only] The width of the base texture set when the image has loaded
+	 * @property width
+	 * @type Number
+	 *&#x2F;
+	this.width = 100;
+	&#x2F;**
+	 * [read only] The height of the base texture set when the image has loaded
+	 * @property height
+	 * @type Number
+	 *&#x2F;
+	this.height = 100;
+	
+	
+	PIXI.BaseTextureCache[imageUrl] = this;
+}
+
+PIXI.BaseTexture.constructor = PIXI.BaseTexture;
+&#x2F;*
+PIXI.BaseTexture.prototype.onImageLoaded = function(image)
+{
+
+}*&#x2F;
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_textures_Texture.js.html b/docs/files/pixi_textures_Texture.js.html
new file mode 100644
index 0000000..a8ebe42
--- /dev/null
+++ b/docs/files/pixi_textures_Texture.js.html
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;textures&#x2F;Texture.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;textures&#x2F;Texture.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+PIXI.TextureCache = {};
+PIXI.FrameCache = {};
+
+&#x2F;**
+ * A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used
+ * @class Texture
+ * @extends EventTarget
+ * @constructor
+ * @param baseTexture {BaseTexture}
+ * @param frmae {Rectangle}
+ *&#x2F;
+PIXI.Texture = function(baseTexture, frame)
+{
+	PIXI.EventTarget.call( this );
+	
+	if(!frame)
+	{
+		this.noFrame = true;
+		frame = new PIXI.Rectangle(0,0,1,1);
+	}
+	
+	this.trim = new PIXI.Point();
+	
+	&#x2F;**
+	 * The base texture of this texture
+	 * @property baseTexture
+	 * @type BaseTexture
+	 *&#x2F;
+	this.baseTexture = baseTexture;
+	
+	
+	
+	&#x2F;**
+	 * The frame specifies the region of the base texture that this texture uses
+	 * @property frame
+	 * @type #Rectangle
+	 *&#x2F;
+	this.frame = frame;
+	
+	
+	
+	this.scope = this;
+	
+	if(baseTexture.hasLoaded)
+	{
+		if(!frame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
+		this.setFrame(frame);
+	}
+	else
+	{
+		var scope = this;
+		baseTexture.addEventListener( &#x27;loaded&#x27;, function(){ scope.onBaseTextureLoaded()} );
+	}
+}
+
+PIXI.Texture.constructor = PIXI.Texture;
+
+PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
+{
+	var baseTexture = this.baseTexture;
+	baseTexture.removeEventListener( &#x27;loaded&#x27;, this.onLoaded );
+	
+	if(this.noFrame)this.frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
+	this.noFrame = false;
+	this.width = this.frame.width;
+	this.height = this.frame.height;
+	
+	this.scope.dispatchEvent( { type: &#x27;update&#x27;, content: this } );
+}
+
+&#x2F;**
+ * Specifies the rectangle region of the baseTexture
+ * @method setFrame
+ * @param frame {Rectangle}
+ *&#x2F;
+PIXI.Texture.prototype.setFrame = function(frame)
+{
+	this.frame = frame;
+	this.width = frame.width;
+	this.height = frame.height;
+	&#x2F;&#x2F;this.updateFrame = true;
+}
+
+&#x2F;**
+ * 
+ * Helper function that returns a texture based on an image url
+ * If the image is not in the texture cache it will be  created and loaded
+ * @static
+ * @method fromImage
+ * @param imageUrl {String} The image url of the texture
+ * @return Texture
+ *&#x2F;
+PIXI.Texture.fromImage = function(imageUrl)
+{
+	var texture = PIXI.TextureCache[imageUrl];
+	
+	if(!texture)
+	{
+		var baseTexture = PIXI.BaseTextureCache[imageUrl];
+		if(!baseTexture) baseTexture = new PIXI.BaseTexture(imageUrl);
+		texture = new PIXI.Texture(baseTexture);
+		PIXI.TextureCache[imageUrl] = texture;
+	}
+	
+	return texture;
+}
+
+&#x2F;**
+ * 
+ * Helper function that returns a texture based on a frame id
+ * If the frame id is not in the texture cache an error will be thrown
+ * @method fromFrameId
+ * @param frameId {String} The frame id of the texture
+ * @return Texture
+ *&#x2F;
+PIXI.Texture.fromFrameId = function(frameId)
+{
+	var texture = PIXI.TextureCache[frameId];
+	if(!texture)throw new Error(&quot;The frameId &#x27;&quot;+ frameId +&quot;&#x27; does not exist in the texture cache &quot; + this);
+	return texture;
+}
+
+&#x2F;**
+ * 
+ * Adds a texture to the textureCache. 
+ * @method addTextureToCache
+ * @param texture {Texture}
+ * @param id {String} the id that the texture will be stored against.
+ *&#x2F;
+PIXI.Texture.addTextureToCache = function(texture, id)
+{
+	PIXI.TextureCache[id] = texture;
+}
+
+&#x2F;**
+ * 
+ * Remove a texture from the textureCache. 
+ * @method removeTextureFromCache
+ * @param id {String} the id of the texture to be removed
+ *&#x2F;
+PIXI.Texture.removeTextureFromCache = function(id)
+{
+	PIXI.TextureCache[id] = texture;
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_utils_Detector.js.html b/docs/files/pixi_utils_Detector.js.html
new file mode 100644
index 0000000..2c1f3f3
--- /dev/null
+++ b/docs/files/pixi_utils_Detector.js.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;utils&#x2F;Detector.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;utils&#x2F;Detector.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
+ *&#x2F;
+
+&#x2F;**
+ * This helper function will automatically detect which renderer you should be using.
+ * WebGL is the preferred renderer as it is a lot fastest. If webGL is not supported by the browser then this function will return a canvas renderer
+ * @method autoDetectRenderer
+ * @static
+ * @param width {Number} the width of the renderers view
+ * @param height {Number} the height of the renderers view
+ *&#x2F;
+PIXI.autoDetectRenderer = function(width, height)
+{
+	if(!width)width = 800;
+	if(!height)height = 600;
+	
+	&#x2F;&#x2F; BORROWED from Mr Doob (mrdoob.com)
+	var webgl = ( function () { try { return !! window.WebGLRenderingContext &amp;&amp; !! document.createElement( &#x27;canvas&#x27; ).getContext( &#x27;experimental-webgl&#x27; ); } catch( e ) { return false; } } )()
+	
+	&#x2F;&#x2F;console.log(webgl);
+	if( webgl )
+	{
+		return new PIXI.WebGLRenderer(width, height) 
+	}
+	
+	return	new PIXI.CanvasRenderer(width, height);
+}
+
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_utils_EventTarget.js.html b/docs/files/pixi_utils_EventTarget.js.html
new file mode 100644
index 0000000..e9025f8
--- /dev/null
+++ b/docs/files/pixi_utils_EventTarget.js.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;utils&#x2F;EventTarget.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;utils&#x2F;EventTarget.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * https:&#x2F;&#x2F;github.com&#x2F;mrdoob&#x2F;eventtarget.js&#x2F;
+ * THankS mr DOob!
+ *&#x2F;
+
+PIXI.EventTarget = function () {
+
+	var listeners = {};
+	
+	this.addEventListener = function ( type, listener ) {
+		
+		
+		if ( listeners[ type ] === undefined ) {
+
+			listeners[ type ] = [];
+			
+		}
+
+		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
+
+			listeners[ type ].push( listener );
+		}
+
+	};
+
+	this.dispatchEvent = function ( event ) {
+		
+		for ( var listener in listeners[ event.type ] ) {
+
+			listeners[ event.type ][ listener ]( event );
+			
+		}
+
+	};
+
+	this.removeEventListener = function ( type, listener ) {
+
+		var index = listeners[ type ].indexOf( listener );
+
+		if ( index !== - 1 ) {
+
+			listeners[ type ].splice( index, 1 );
+
+		}
+
+	};
+
+};
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/pixi_utils_Utils.js.html b/docs/files/pixi_utils_Utils.js.html
new file mode 100644
index 0000000..5deab64
--- /dev/null
+++ b/docs/files/pixi_utils_Utils.js.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>pixi&#x2F;utils&#x2F;Utils.js - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: pixi&#x2F;utils&#x2F;Utils.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+&#x2F;**
+ * Provides requestAnimationFrame in a cross browser way.
+ *&#x2F;
+window.requestAnimFrame = (function() {
+  return window.requestAnimationFrame ||
+         window.webkitRequestAnimationFrame ||
+         window.mozRequestAnimationFrame ||
+         window.oRequestAnimationFrame ||
+         window.msRequestAnimationFrame ||
+         function(&#x2F;* function FrameRequestCallback *&#x2F; callback, &#x2F;* DOMElement Element *&#x2F; element) {
+           window.setTimeout(callback, 1000&#x2F;60);
+         };
+})();
+
+var AjaxRequest = function()
+{
+	var activexmodes = [&quot;Msxml2.XMLHTTP&quot;, &quot;Microsoft.XMLHTTP&quot;] &#x2F;&#x2F;activeX versions to check for in IE
+	
+	if (window.ActiveXObject)
+	{ &#x2F;&#x2F;Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
+		for (var i=0; i&lt;activexmodes.length; i++)
+		{
+			try{
+				return new ActiveXObject(activexmodes[i])
+			}
+   			catch(e){
+    			&#x2F;&#x2F;suppress error
+   			}
+		}
+	}
+	else if (window.XMLHttpRequest) &#x2F;&#x2F; if Mozilla, Safari etc
+  	{
+  		return new XMLHttpRequest()
+ 	}
+ 	else
+ 	{
+		return false;
+ 	}
+}
+
+
+
+
+
+
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..0041fd4
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href=".&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href=".&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href=".&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src=".&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href=".&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href=".&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href=".&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href=".&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href=".&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href=".&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href=".&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href=".&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href=".&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href=".&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href=".&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href=".&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href=".&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href=".&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href=".&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                            <div class="apidocs">
+        <div id="docs-main" class="content">
+            <p>
+            Browse to a module or class using the sidebar to view its API documentation.
+            </p>
+
+            <h2>Keyboard Shortcuts</h2>
+
+            <ul>
+                <li><p>Press <kbd>s</kbd> to focus the API search box.</p></li>
+
+                <li><p>Use <kbd>Up</kbd> and <kbd>Down</kbd> to select classes, modules, and search results.</p></li>
+
+                <li class="mac-only"><p>With the API search box or sidebar focused, use <kbd><span class="cmd">&#x2318;</span>-Left</kbd> or <kbd><span class="cmd">&#x2318;</span>-Right</kbd> to switch sidebar tabs.</p></li>
+
+                <li class="pc-only"><p>With the API search box or sidebar focused, use <kbd>Ctrl+Left</kbd> and <kbd>Ctrl+Right</kbd> to switch sidebar tabs.</p></li>
+            </ul>
+        </div>
+    </div>
+
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src=".&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src=".&#x2F;assets/js/yui-prettify.js"></script>
+<script src=".&#x2F;assets/../api.js"></script>
+<script src=".&#x2F;assets/js/api-filter.js"></script>
+<script src=".&#x2F;assets/js/api-list.js"></script>
+<script src=".&#x2F;assets/js/api-search.js"></script>
+<script src=".&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/modules/PIXI.html b/docs/modules/PIXI.html
new file mode 100644
index 0000000..fafb8ea
--- /dev/null
+++ b/docs/modules/PIXI.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PIXI - The Foo API</title>
+    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0pr2&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
+    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0pr2&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="..&#x2F;assets/css/logo.png" title="The Foo API"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.2.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+            
+                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+            
+                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>PIXI Module</h1>
+<div class="box clearfix meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="..&#x2F;files&#x2F;pixi_Stage.js.html#l5"><code>pixi&#x2F;Stage.js:5</code></a>
+        </div>
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    
+</div>
+
+
+
+<div class="yui3-g">
+    <div class="yui3-u-1-2">
+        
+            <p>This module provides the following classes:</p>
+
+            <ul class="module-classes">
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/AssetLoader.html">
+                        AssetLoader
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/BaseTexture.html">
+                        BaseTexture
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/CanvasRenderer.html">
+                        CanvasRenderer
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/DisplayObject.html">
+                        DisplayObject
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/DisplayObjectContainer.html">
+                        DisplayObjectContainer
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/MovieClip.html">
+                        MovieClip
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/Point.html">
+                        Point
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/Rectangle.html">
+                        Rectangle
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/Sprite.html">
+                        Sprite
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/SpriteSheetLoader.html">
+                        SpriteSheetLoader
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/Stage.html">
+                        Stage
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/Texture.html">
+                        Texture
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/WebGLBatch.html">
+                        WebGLBatch
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="..&#x2F;classes/WebGLRenderer.html">
+                        WebGLRenderer
+                    </a>
+                </li>
+            
+            </ul>
+        
+    </div>
+
+    <div class="yui3-u-1-2">
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="..&#x2F;assets/js/yui-prettify.js"></script>
+<script src="..&#x2F;assets/../api.js"></script>
+<script src="..&#x2F;assets/js/api-filter.js"></script>
+<script src="..&#x2F;assets/js/api-list.js"></script>
+<script src="..&#x2F;assets/js/api-search.js"></script>
+<script src="..&#x2F;assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/modules/index.html b/docs/modules/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/docs/modules/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/examples/bunny benchmark/css/main.css b/examples/bunny benchmark/css/main.css
index 08b7410..d2bd14c 100644
--- a/examples/bunny benchmark/css/main.css	
+++ b/examples/bunny benchmark/css/main.css	
@@ -3,6 +3,7 @@ body{
 	border: 0;
 	margin: 0;
 }
+
 .counter {
     background: #ccc;
 	width: 74px;
@@ -19,3 +20,15 @@ body{
 }
 
 
+#pixi {
+    background: #ccc;
+	width: 204px;
+	height: 100px;
+	background-color:#105CB6;
+	color:#0ff;
+	position:absolute;
+	font-family: Helvetica, Arial;
+	font-size: 9px;
+	font-weight: bold;
+}
+
diff --git a/examples/bunny benchmark/index.html b/examples/bunny benchmark/index.html
index 7c5521b..95972c4 100644
--- a/examples/bunny benchmark/index.html	
+++ b/examples/bunny benchmark/index.html	
@@ -9,9 +9,10 @@
          <link rel="stylesheet" href="css/main.css">
     </head>
     <body>
+    	<div id="pixi">Click to add more bunnys! Let me know how many you get on screen here @doormat23</div>
 		<script src="js/vendor/jquery-1.8.3.min.js"></script>
 		<script src="js/stats.min.js"></script>
-		<script src="js/pixi.min.js"></script>
+		<script src="js/pixi.js"></script>
 		<script src="js/bunnyBenchMark.js"></script>
     </body>
 </html>
diff --git a/examples/bunny benchmark/js/bunnyBenchMark.js b/examples/bunny benchmark/js/bunnyBenchMark.js
index a3154eb..c3c8ec5 100644
--- a/examples/bunny benchmark/js/bunnyBenchMark.js	
+++ b/examples/bunny benchmark/js/bunnyBenchMark.js	
@@ -22,18 +22,13 @@ var isAdding = false;
 var count = 0;
 var container;
 
+var detail;
+
 function onReady()
 {
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )()
+	detail = document.getElementById("pixi");
 	
-	if(webgl)
-	{
-		renderer = new PIXI.WebGLRenderer();
-	}
-	else
-	{
-		renderer = new PIXI.CanvasRenderer(480, 320);
-	}
+	renderer = PIXI.autoDetectRenderer();
 	
 	stage = new PIXI.Stage;
 	
@@ -46,7 +41,7 @@ function onReady()
 	stats.domElement.style.top = "0px";
 	requestAnimFrame(update);
 	
-	wabbitTexture = new PIXI.Texture("wabbit.png")
+	wabbitTexture = new PIXI.Texture.fromImage("wabbit.png")
 	
 	counter = document.createElement("div");
 	counter.className = "counter";
@@ -55,7 +50,6 @@ function onReady()
 	count = startBunnyCount;
 	counter.innerHTML = count + " BUNNIES";
 	
-	
 	container = new PIXI.DisplayObjectContainer();
 	stage.addChild(container);
 	
@@ -114,7 +108,9 @@ function resize()
 	minX = 0;
 	maxY = height;
 	minY = 0;
-
+	
+	detail.style.left = width - 204 + "px";
+	detail.style.top = height - 100 + "px";
 	renderer.resize(width, height);
 }
 
@@ -126,17 +122,17 @@ function update()
 	{
 		// add 10 at a time :)
 		
-		for (var i = 0; i < 2; i++) 
+		for (var i = 0; i < 10; i++) 
 		{
-			var bunny = new PIXI.Sprite(wabbitTexture, {x:0, y:0, width:26, height:37});
+			var bunny = new PIXI.Sprite(wabbitTexture);
 			bunny.speedX = Math.random() * 10;
 			bunny.speedY = (Math.random() * 10) - 5;
 			
 			bunny.anchor.x = 0.5;
 			bunny.anchor.y = 1;
-			bunny.alpha = 0.3 + Math.random() * 0.7;
+			//bunny.alpha = 0.3 + Math.random() * 0.7;
 			bunnys.push(bunny);
-			bunny.rotation = Math.random() - 0.5;
+			//bunny.rotation = Math.random() - 0.5;
 			container.addChild(bunny);
 			
 			count++;
diff --git a/examples/bunny benchmark/js/pixi.js b/examples/bunny benchmark/js/pixi.js
new file mode 100644
index 0000000..65add09
--- /dev/null
+++ b/examples/bunny benchmark/js/pixi.js	
@@ -0,0 +1,110 @@
+var PIXI=PIXI||{};PIXI.Point=function(b,c){this.x=b?b:0;this.y=c?c:0};PIXI.Point.clone=function(){return new PIXI.Point(this.x,this.y)};PIXI.Point.constructor=PIXI.Point;PIXI=PIXI||{};PIXI.Rectangle=function(b,c,f,e){this.x=b?b:0;this.y=c?c:0;this.width=f?f:0;this.height=e?e:0};PIXI.Point.clone=function(){return new PIXI.Rectangle(this.x,this.y,this.width,this.height)};PIXI.Rectangle.constructor=PIXI.Rectangle;window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(b){window.setTimeout(b,1E3/60)}}();var AjaxRequest=function(){var b=["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];if(window.ActiveXObject)for(var c=0;c<b.length;c++)try{return new ActiveXObject(b[c])}catch(f){}else return window.XMLHttpRequest?new XMLHttpRequest:!1};PIXI=PIXI||{};PIXI.EventTarget=function(){var b={};this.addEventListener=function(c,f){void 0===b[c]&&(b[c]=[]);-1===b[c].indexOf(f)&&b[c].push(f)};this.dispatchEvent=function(c){for(var f in b[c.type])b[c.type][f](c)};this.removeEventListener=function(c,f){var e=b[c].indexOf(f);-1!==e&&b[c].splice(e,1)}};(function(b,c){"object"===typeof exports?module.exports=c(global):"function"===typeof define&&define.amd?define([],function(){return c(b)}):c(b)})(this,function(b){function c(a){return k=a}function f(){return k="undefined"!==typeof Float32Array?Float32Array:Array}var e={};if("undefined"!=typeof Float32Array){var g=new Float32Array(1),h=new Int32Array(g.buffer);e.invsqrt=function(a){g[0]=a;h[0]=1597463007-(h[0]>>1);var d=g[0];return d*(1.5-0.5*a*d*d)}}else e.invsqrt=function(a){return 1/Math.sqrt(a)};
+var k=null;f();var l={create:function(a){var d=new k(3);a?(d[0]=a[0],d[1]=a[1],d[2]=a[2]):d[0]=d[1]=d[2]=0;return d},createFrom:function(a,d,j){var b=new k(3);b[0]=a;b[1]=d;b[2]=j;return b},set:function(a,d){d[0]=a[0];d[1]=a[1];d[2]=a[2];return d},equal:function(a,d){return a===d||1E-6>Math.abs(a[0]-d[0])&&1E-6>Math.abs(a[1]-d[1])&&1E-6>Math.abs(a[2]-d[2])},add:function(a,d,j){if(!j||a===j)return a[0]+=d[0],a[1]+=d[1],a[2]+=d[2],a;j[0]=a[0]+d[0];j[1]=a[1]+d[1];j[2]=a[2]+d[2];return j},subtract:function(a,
+d,j){if(!j||a===j)return a[0]-=d[0],a[1]-=d[1],a[2]-=d[2],a;j[0]=a[0]-d[0];j[1]=a[1]-d[1];j[2]=a[2]-d[2];return j},multiply:function(a,d,j){if(!j||a===j)return a[0]*=d[0],a[1]*=d[1],a[2]*=d[2],a;j[0]=a[0]*d[0];j[1]=a[1]*d[1];j[2]=a[2]*d[2];return j},negate:function(a,d){d||(d=a);d[0]=-a[0];d[1]=-a[1];d[2]=-a[2];return d},scale:function(a,d,j){if(!j||a===j)return a[0]*=d,a[1]*=d,a[2]*=d,a;j[0]=a[0]*d;j[1]=a[1]*d;j[2]=a[2]*d;return j},normalize:function(a,d){d||(d=a);var j=a[0],b=a[1],c=a[2],e=Math.sqrt(j*
+j+b*b+c*c);if(!e)return d[0]=0,d[1]=0,d[2]=0,d;if(1===e)return d[0]=j,d[1]=b,d[2]=c,d;e=1/e;d[0]=j*e;d[1]=b*e;d[2]=c*e;return d},cross:function(a,d,j){j||(j=a);var b=a[0],c=a[1];a=a[2];var e=d[0],n=d[1];d=d[2];j[0]=c*d-a*n;j[1]=a*e-b*d;j[2]=b*n-c*e;return j},length:function(a){var d=a[0],j=a[1];a=a[2];return Math.sqrt(d*d+j*j+a*a)},squaredLength:function(a){var d=a[0],j=a[1];a=a[2];return d*d+j*j+a*a},dot:function(a,d){return a[0]*d[0]+a[1]*d[1]+a[2]*d[2]},direction:function(a,d,j){j||(j=a);var b=
+a[0]-d[0],c=a[1]-d[1];a=a[2]-d[2];d=Math.sqrt(b*b+c*c+a*a);if(!d)return j[0]=0,j[1]=0,j[2]=0,j;d=1/d;j[0]=b*d;j[1]=c*d;j[2]=a*d;return j},lerp:function(a,d,j,b){b||(b=a);b[0]=a[0]+j*(d[0]-a[0]);b[1]=a[1]+j*(d[1]-a[1]);b[2]=a[2]+j*(d[2]-a[2]);return b},dist:function(a,d){var j=d[0]-a[0],b=d[1]-a[1],c=d[2]-a[2];return Math.sqrt(j*j+b*b+c*c)}},p=null,q=new k(4);l.unproject=function(a,d,j,b,c){c||(c=a);p||(p=t.create());var e=p;q[0]=2*(a[0]-b[0])/b[2]-1;q[1]=2*(a[1]-b[1])/b[3]-1;q[2]=2*a[2]-1;q[3]=1;
+t.multiply(j,d,e);if(!t.inverse(e))return null;t.multiplyVec4(e,q);if(0===q[3])return null;c[0]=q[0]/q[3];c[1]=q[1]/q[3];c[2]=q[2]/q[3];return c};var C=l.createFrom(1,0,0),F=l.createFrom(0,1,0),u=l.createFrom(0,0,1),w=l.create();l.rotationTo=function(a,d,j){j||(j=m.create());var b=l.dot(a,d);if(1<=b)m.set(H,j);else if(-0.999999>b)l.cross(C,a,w),1E-6>l.length(w)&&l.cross(F,a,w),1E-6>l.length(w)&&l.cross(u,a,w),l.normalize(w),m.fromAngleAxis(Math.PI,w,j);else{var b=Math.sqrt(2*(1+b)),c=1/b;l.cross(a,
+d,w);j[0]=w[0]*c;j[1]=w[1]*c;j[2]=w[2]*c;j[3]=0.5*b;m.normalize(j)}1<j[3]?j[3]=1:-1>j[3]&&(j[3]=-1);return j};l.str=function(a){return"["+a[0]+", "+a[1]+", "+a[2]+"]"};var x={create:function(a){var d=new k(9);a?(d[0]=a[0],d[1]=a[1],d[2]=a[2],d[3]=a[3],d[4]=a[4],d[5]=a[5],d[6]=a[6],d[7]=a[7],d[8]=a[8]):d[0]=d[1]=d[2]=d[3]=d[4]=d[5]=d[6]=d[7]=d[8]=0;return d},createFrom:function(a,d,j,b,c,e,n,f,E){var s=new k(9);s[0]=a;s[1]=d;s[2]=j;s[3]=b;s[4]=c;s[5]=e;s[6]=n;s[7]=f;s[8]=E;return s},determinant:function(a){var d=
+a[3],j=a[4],b=a[5],c=a[6],e=a[7],n=a[8];return a[0]*(n*j-b*e)+a[1]*(-n*d+b*c)+a[2]*(e*d-j*c)},inverse:function(a,d){var j=a[0],b=a[1],c=a[2],e=a[3],n=a[4],f=a[5],E=a[6],s=a[7],I=a[8],g=I*n-f*s,h=-I*e+f*E,k=s*e-n*E,r=j*g+b*h+c*k;if(!r)return null;r=1/r;d||(d=x.create());d[0]=g*r;d[1]=(-I*b+c*s)*r;d[2]=(f*b-c*n)*r;d[3]=h*r;d[4]=(I*j-c*E)*r;d[5]=(-f*j+c*e)*r;d[6]=k*r;d[7]=(-s*j+b*E)*r;d[8]=(n*j-b*e)*r;return d},multiply:function(a,d,j){j||(j=a);var b=a[0],c=a[1],e=a[2],f=a[3],D=a[4],E=a[5],s=a[6],I=
+a[7];a=a[8];var g=d[0],h=d[1],k=d[2],r=d[3],m=d[4],l=d[5],q=d[6],v=d[7];d=d[8];j[0]=g*b+h*f+k*s;j[1]=g*c+h*D+k*I;j[2]=g*e+h*E+k*a;j[3]=r*b+m*f+l*s;j[4]=r*c+m*D+l*I;j[5]=r*e+m*E+l*a;j[6]=q*b+v*f+d*s;j[7]=q*c+v*D+d*I;j[8]=q*e+v*E+d*a;return j},multiplyVec2:function(a,d,j){j||(j=d);var b=d[0];d=d[1];j[0]=b*a[0]+d*a[3]+a[6];j[1]=b*a[1]+d*a[4]+a[7];return j},multiplyVec3:function(a,d,j){j||(j=d);var b=d[0],c=d[1];d=d[2];j[0]=b*a[0]+c*a[3]+d*a[6];j[1]=b*a[1]+c*a[4]+d*a[7];j[2]=b*a[2]+c*a[5]+d*a[8];return j},
+set:function(a,d){d[0]=a[0];d[1]=a[1];d[2]=a[2];d[3]=a[3];d[4]=a[4];d[5]=a[5];d[6]=a[6];d[7]=a[7];d[8]=a[8];return d},equal:function(a,d){return a===d||1E-6>Math.abs(a[0]-d[0])&&1E-6>Math.abs(a[1]-d[1])&&1E-6>Math.abs(a[2]-d[2])&&1E-6>Math.abs(a[3]-d[3])&&1E-6>Math.abs(a[4]-d[4])&&1E-6>Math.abs(a[5]-d[5])&&1E-6>Math.abs(a[6]-d[6])&&1E-6>Math.abs(a[7]-d[7])&&1E-6>Math.abs(a[8]-d[8])},identity:function(a){a||(a=x.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;a[4]=1;a[5]=0;a[6]=0;a[7]=0;a[8]=1;return a},transpose:function(a,
+d){if(!d||a===d){var j=a[1],b=a[2],c=a[5];a[1]=a[3];a[2]=a[6];a[3]=j;a[5]=a[7];a[6]=b;a[7]=c;return a}d[0]=a[0];d[1]=a[3];d[2]=a[6];d[3]=a[1];d[4]=a[4];d[5]=a[7];d[6]=a[2];d[7]=a[5];d[8]=a[8];return d},toMat4:function(a,d){d||(d=t.create());d[15]=1;d[14]=0;d[13]=0;d[12]=0;d[11]=0;d[10]=a[8];d[9]=a[7];d[8]=a[6];d[7]=0;d[6]=a[5];d[5]=a[4];d[4]=a[3];d[3]=0;d[2]=a[2];d[1]=a[1];d[0]=a[0];return d},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+", "+a[4]+", "+a[5]+", "+a[6]+", "+a[7]+", "+
+a[8]+"]"}},t={create:function(a){var d=new k(16);a&&(d[0]=a[0],d[1]=a[1],d[2]=a[2],d[3]=a[3],d[4]=a[4],d[5]=a[5],d[6]=a[6],d[7]=a[7],d[8]=a[8],d[9]=a[9],d[10]=a[10],d[11]=a[11],d[12]=a[12],d[13]=a[13],d[14]=a[14],d[15]=a[15]);return d},createFrom:function(a,d,j,b,c,e,f,D,E,s,g,h,m,l,r,q){var A=new k(16);A[0]=a;A[1]=d;A[2]=j;A[3]=b;A[4]=c;A[5]=e;A[6]=f;A[7]=D;A[8]=E;A[9]=s;A[10]=g;A[11]=h;A[12]=m;A[13]=l;A[14]=r;A[15]=q;return A},set:function(a,d){d[0]=a[0];d[1]=a[1];d[2]=a[2];d[3]=a[3];d[4]=a[4];
+d[5]=a[5];d[6]=a[6];d[7]=a[7];d[8]=a[8];d[9]=a[9];d[10]=a[10];d[11]=a[11];d[12]=a[12];d[13]=a[13];d[14]=a[14];d[15]=a[15];return d},equal:function(a,d){return a===d||1E-6>Math.abs(a[0]-d[0])&&1E-6>Math.abs(a[1]-d[1])&&1E-6>Math.abs(a[2]-d[2])&&1E-6>Math.abs(a[3]-d[3])&&1E-6>Math.abs(a[4]-d[4])&&1E-6>Math.abs(a[5]-d[5])&&1E-6>Math.abs(a[6]-d[6])&&1E-6>Math.abs(a[7]-d[7])&&1E-6>Math.abs(a[8]-d[8])&&1E-6>Math.abs(a[9]-d[9])&&1E-6>Math.abs(a[10]-d[10])&&1E-6>Math.abs(a[11]-d[11])&&1E-6>Math.abs(a[12]-
+d[12])&&1E-6>Math.abs(a[13]-d[13])&&1E-6>Math.abs(a[14]-d[14])&&1E-6>Math.abs(a[15]-d[15])},identity:function(a){a||(a=t.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;a[4]=0;a[5]=1;a[6]=0;a[7]=0;a[8]=0;a[9]=0;a[10]=1;a[11]=0;a[12]=0;a[13]=0;a[14]=0;a[15]=1;return a},transpose:function(a,d){if(!d||a===d){var j=a[1],b=a[2],c=a[3],e=a[6],f=a[7],D=a[11];a[1]=a[4];a[2]=a[8];a[3]=a[12];a[4]=j;a[6]=a[9];a[7]=a[13];a[8]=b;a[9]=e;a[11]=a[14];a[12]=c;a[13]=f;a[14]=D;return a}d[0]=a[0];d[1]=a[4];d[2]=a[8];d[3]=a[12];
+d[4]=a[1];d[5]=a[5];d[6]=a[9];d[7]=a[13];d[8]=a[2];d[9]=a[6];d[10]=a[10];d[11]=a[14];d[12]=a[3];d[13]=a[7];d[14]=a[11];d[15]=a[15];return d},determinant:function(a){var d=a[0],j=a[1],b=a[2],c=a[3],e=a[4],f=a[5],D=a[6],E=a[7],s=a[8],g=a[9],h=a[10],k=a[11],m=a[12],r=a[13],l=a[14];a=a[15];return m*g*D*c-s*r*D*c-m*f*h*c+e*r*h*c+s*f*l*c-e*g*l*c-m*g*b*E+s*r*b*E+m*j*h*E-d*r*h*E-s*j*l*E+d*g*l*E+m*f*b*k-e*r*b*k-m*j*D*k+d*r*D*k+e*j*l*k-d*f*l*k-s*f*b*a+e*g*b*a+s*j*D*a-d*g*D*a-e*j*h*a+d*f*h*a},inverse:function(a,
+d){d||(d=a);var j=a[0],b=a[1],c=a[2],e=a[3],f=a[4],D=a[5],E=a[6],s=a[7],g=a[8],h=a[9],k=a[10],m=a[11],r=a[12],l=a[13],A=a[14],q=a[15],v=j*D-b*f,J=j*E-c*f,y=j*s-e*f,z=b*E-c*D,t=b*s-e*D,u=c*s-e*E,p=g*l-h*r,w=g*A-k*r,x=g*q-m*r,B=h*A-k*l,C=h*q-m*l,F=k*q-m*A,G=v*F-J*C+y*B+z*x-t*w+u*p;if(!G)return null;G=1/G;d[0]=(D*F-E*C+s*B)*G;d[1]=(-b*F+c*C-e*B)*G;d[2]=(l*u-A*t+q*z)*G;d[3]=(-h*u+k*t-m*z)*G;d[4]=(-f*F+E*x-s*w)*G;d[5]=(j*F-c*x+e*w)*G;d[6]=(-r*u+A*y-q*J)*G;d[7]=(g*u-k*y+m*J)*G;d[8]=(f*C-D*x+s*p)*G;d[9]=
+(-j*C+b*x-e*p)*G;d[10]=(r*t-l*y+q*v)*G;d[11]=(-g*t+h*y-m*v)*G;d[12]=(-f*B+D*w-E*p)*G;d[13]=(j*B-b*w+c*p)*G;d[14]=(-r*z+l*J-A*v)*G;d[15]=(g*z-h*J+k*v)*G;return d},toRotationMat:function(a,d){d||(d=t.create());d[0]=a[0];d[1]=a[1];d[2]=a[2];d[3]=a[3];d[4]=a[4];d[5]=a[5];d[6]=a[6];d[7]=a[7];d[8]=a[8];d[9]=a[9];d[10]=a[10];d[11]=a[11];d[12]=0;d[13]=0;d[14]=0;d[15]=1;return d},toMat3:function(a,d){d||(d=x.create());d[0]=a[0];d[1]=a[1];d[2]=a[2];d[3]=a[4];d[4]=a[5];d[5]=a[6];d[6]=a[8];d[7]=a[9];d[8]=a[10];
+return d},toInverseMat3:function(a,d){var j=a[0],b=a[1],c=a[2],e=a[4],f=a[5],D=a[6],g=a[8],s=a[9],h=a[10],k=h*f-D*s,m=-h*e+D*g,l=s*e-f*g,r=j*k+b*m+c*l;if(!r)return null;r=1/r;d||(d=x.create());d[0]=k*r;d[1]=(-h*b+c*s)*r;d[2]=(D*b-c*f)*r;d[3]=m*r;d[4]=(h*j-c*g)*r;d[5]=(-D*j+c*e)*r;d[6]=l*r;d[7]=(-s*j+b*g)*r;d[8]=(f*j-b*e)*r;return d},multiply:function(a,d,j){j||(j=a);var b=a[0],c=a[1],e=a[2],f=a[3],g=a[4],h=a[5],s=a[6],k=a[7],m=a[8],l=a[9],q=a[10],r=a[11],t=a[12],A=a[13],u=a[14];a=a[15];var v=d[0],
+p=d[1],y=d[2],z=d[3];j[0]=v*b+p*g+y*m+z*t;j[1]=v*c+p*h+y*l+z*A;j[2]=v*e+p*s+y*q+z*u;j[3]=v*f+p*k+y*r+z*a;v=d[4];p=d[5];y=d[6];z=d[7];j[4]=v*b+p*g+y*m+z*t;j[5]=v*c+p*h+y*l+z*A;j[6]=v*e+p*s+y*q+z*u;j[7]=v*f+p*k+y*r+z*a;v=d[8];p=d[9];y=d[10];z=d[11];j[8]=v*b+p*g+y*m+z*t;j[9]=v*c+p*h+y*l+z*A;j[10]=v*e+p*s+y*q+z*u;j[11]=v*f+p*k+y*r+z*a;v=d[12];p=d[13];y=d[14];z=d[15];j[12]=v*b+p*g+y*m+z*t;j[13]=v*c+p*h+y*l+z*A;j[14]=v*e+p*s+y*q+z*u;j[15]=v*f+p*k+y*r+z*a;return j},multiplyVec3:function(a,d,b){b||(b=d);
+var c=d[0],e=d[1];d=d[2];b[0]=a[0]*c+a[4]*e+a[8]*d+a[12];b[1]=a[1]*c+a[5]*e+a[9]*d+a[13];b[2]=a[2]*c+a[6]*e+a[10]*d+a[14];return b},multiplyVec4:function(a,d,b){b||(b=d);var c=d[0],e=d[1],f=d[2];d=d[3];b[0]=a[0]*c+a[4]*e+a[8]*f+a[12]*d;b[1]=a[1]*c+a[5]*e+a[9]*f+a[13]*d;b[2]=a[2]*c+a[6]*e+a[10]*f+a[14]*d;b[3]=a[3]*c+a[7]*e+a[11]*f+a[15]*d;return b},translate:function(a,d,b){var c=d[0],e=d[1];d=d[2];var f,n,g,h,s,k,m,l,p,r,q,t;if(!b||a===b)return a[12]=a[0]*c+a[4]*e+a[8]*d+a[12],a[13]=a[1]*c+a[5]*e+
+a[9]*d+a[13],a[14]=a[2]*c+a[6]*e+a[10]*d+a[14],a[15]=a[3]*c+a[7]*e+a[11]*d+a[15],a;f=a[0];n=a[1];g=a[2];h=a[3];s=a[4];k=a[5];m=a[6];l=a[7];p=a[8];r=a[9];q=a[10];t=a[11];b[0]=f;b[1]=n;b[2]=g;b[3]=h;b[4]=s;b[5]=k;b[6]=m;b[7]=l;b[8]=p;b[9]=r;b[10]=q;b[11]=t;b[12]=f*c+s*e+p*d+a[12];b[13]=n*c+k*e+r*d+a[13];b[14]=g*c+m*e+q*d+a[14];b[15]=h*c+l*e+t*d+a[15];return b},scale:function(a,d,b){var c=d[0],e=d[1];d=d[2];if(!b||a===b)return a[0]*=c,a[1]*=c,a[2]*=c,a[3]*=c,a[4]*=e,a[5]*=e,a[6]*=e,a[7]*=e,a[8]*=d,a[9]*=
+d,a[10]*=d,a[11]*=d,a;b[0]=a[0]*c;b[1]=a[1]*c;b[2]=a[2]*c;b[3]=a[3]*c;b[4]=a[4]*e;b[5]=a[5]*e;b[6]=a[6]*e;b[7]=a[7]*e;b[8]=a[8]*d;b[9]=a[9]*d;b[10]=a[10]*d;b[11]=a[11]*d;b[12]=a[12];b[13]=a[13];b[14]=a[14];b[15]=a[15];return b},rotate:function(a,d,b,c){var e=b[0],f=b[1];b=b[2];var n=Math.sqrt(e*e+f*f+b*b),g,h,k,m,l,p,q,r,t,u,w,v,x,y,z,B,C,F,H,K;if(!n)return null;1!==n&&(n=1/n,e*=n,f*=n,b*=n);g=Math.sin(d);h=Math.cos(d);k=1-h;d=a[0];n=a[1];m=a[2];l=a[3];p=a[4];q=a[5];r=a[6];t=a[7];u=a[8];w=a[9];v=
+a[10];x=a[11];y=e*e*k+h;z=f*e*k+b*g;B=b*e*k-f*g;C=e*f*k-b*g;F=f*f*k+h;H=b*f*k+e*g;K=e*b*k+f*g;e=f*b*k-e*g;f=b*b*k+h;c?a!==c&&(c[12]=a[12],c[13]=a[13],c[14]=a[14],c[15]=a[15]):c=a;c[0]=d*y+p*z+u*B;c[1]=n*y+q*z+w*B;c[2]=m*y+r*z+v*B;c[3]=l*y+t*z+x*B;c[4]=d*C+p*F+u*H;c[5]=n*C+q*F+w*H;c[6]=m*C+r*F+v*H;c[7]=l*C+t*F+x*H;c[8]=d*K+p*e+u*f;c[9]=n*K+q*e+w*f;c[10]=m*K+r*e+v*f;c[11]=l*K+t*e+x*f;return c},rotateX:function(a,d,b){var c=Math.sin(d);d=Math.cos(d);var e=a[4],f=a[5],n=a[6],g=a[7],h=a[8],k=a[9],m=a[10],
+l=a[11];b?a!==b&&(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3],b[12]=a[12],b[13]=a[13],b[14]=a[14],b[15]=a[15]):b=a;b[4]=e*d+h*c;b[5]=f*d+k*c;b[6]=n*d+m*c;b[7]=g*d+l*c;b[8]=e*-c+h*d;b[9]=f*-c+k*d;b[10]=n*-c+m*d;b[11]=g*-c+l*d;return b},rotateY:function(a,d,b){var c=Math.sin(d);d=Math.cos(d);var e=a[0],f=a[1],n=a[2],g=a[3],h=a[8],k=a[9],m=a[10],l=a[11];b?a!==b&&(b[4]=a[4],b[5]=a[5],b[6]=a[6],b[7]=a[7],b[12]=a[12],b[13]=a[13],b[14]=a[14],b[15]=a[15]):b=a;b[0]=e*d+h*-c;b[1]=f*d+k*-c;b[2]=n*d+m*-c;b[3]=g*
+d+l*-c;b[8]=e*c+h*d;b[9]=f*c+k*d;b[10]=n*c+m*d;b[11]=g*c+l*d;return b},rotateZ:function(a,d,b){var c=Math.sin(d);d=Math.cos(d);var e=a[0],f=a[1],n=a[2],g=a[3],h=a[4],k=a[5],m=a[6],l=a[7];b?a!==b&&(b[8]=a[8],b[9]=a[9],b[10]=a[10],b[11]=a[11],b[12]=a[12],b[13]=a[13],b[14]=a[14],b[15]=a[15]):b=a;b[0]=e*d+h*c;b[1]=f*d+k*c;b[2]=n*d+m*c;b[3]=g*d+l*c;b[4]=e*-c+h*d;b[5]=f*-c+k*d;b[6]=n*-c+m*d;b[7]=g*-c+l*d;return b},frustum:function(a,d,b,c,e,f,n){n||(n=t.create());var g=d-a,h=c-b,k=f-e;n[0]=2*e/g;n[1]=0;
+n[2]=0;n[3]=0;n[4]=0;n[5]=2*e/h;n[6]=0;n[7]=0;n[8]=(d+a)/g;n[9]=(c+b)/h;n[10]=-(f+e)/k;n[11]=-1;n[12]=0;n[13]=0;n[14]=-(2*f*e)/k;n[15]=0;return n},perspective:function(a,d,b,c,e){a=b*Math.tan(a*Math.PI/360);d*=a;return t.frustum(-d,d,-a,a,b,c,e)},ortho:function(a,d,b,c,e,f,n){n||(n=t.create());var g=d-a,h=c-b,k=f-e;n[0]=2/g;n[1]=0;n[2]=0;n[3]=0;n[4]=0;n[5]=2/h;n[6]=0;n[7]=0;n[8]=0;n[9]=0;n[10]=-2/k;n[11]=0;n[12]=-(a+d)/g;n[13]=-(c+b)/h;n[14]=-(f+e)/k;n[15]=1;return n},lookAt:function(a,d,b,c){c||
+(c=t.create());var e,f,n,g,h,k,m,l,p=a[0],q=a[1];a=a[2];n=b[0];g=b[1];f=b[2];m=d[0];b=d[1];e=d[2];if(p===m&&q===b&&a===e)return t.identity(c);d=p-m;b=q-b;m=a-e;l=1/Math.sqrt(d*d+b*b+m*m);d*=l;b*=l;m*=l;e=g*m-f*b;f=f*d-n*m;n=n*b-g*d;(l=Math.sqrt(e*e+f*f+n*n))?(l=1/l,e*=l,f*=l,n*=l):n=f=e=0;g=b*n-m*f;h=m*e-d*n;k=d*f-b*e;(l=Math.sqrt(g*g+h*h+k*k))?(l=1/l,g*=l,h*=l,k*=l):k=h=g=0;c[0]=e;c[1]=g;c[2]=d;c[3]=0;c[4]=f;c[5]=h;c[6]=b;c[7]=0;c[8]=n;c[9]=k;c[10]=m;c[11]=0;c[12]=-(e*p+f*q+n*a);c[13]=-(g*p+h*q+
+k*a);c[14]=-(d*p+b*q+m*a);c[15]=1;return c},fromRotationTranslation:function(a,d,b){b||(b=t.create());var c=a[0],e=a[1],f=a[2],n=a[3],g=c+c,h=e+e,k=f+f;a=c*g;var l=c*h,c=c*k,m=e*h,e=e*k,f=f*k,g=n*g,h=n*h,n=n*k;b[0]=1-(m+f);b[1]=l+n;b[2]=c-h;b[3]=0;b[4]=l-n;b[5]=1-(a+f);b[6]=e+g;b[7]=0;b[8]=c+h;b[9]=e-g;b[10]=1-(a+m);b[11]=0;b[12]=d[0];b[13]=d[1];b[14]=d[2];b[15]=1;return b},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+", "+a[4]+", "+a[5]+", "+a[6]+", "+a[7]+", "+a[8]+", "+a[9]+", "+
+a[10]+", "+a[11]+", "+a[12]+", "+a[13]+", "+a[14]+", "+a[15]+"]"}},m={create:function(a){var d=new k(4);a?(d[0]=a[0],d[1]=a[1],d[2]=a[2],d[3]=a[3]):d[0]=d[1]=d[2]=d[3]=0;return d},createFrom:function(a,d,b,c){var e=new k(4);e[0]=a;e[1]=d;e[2]=b;e[3]=c;return e},set:function(a,d){d[0]=a[0];d[1]=a[1];d[2]=a[2];d[3]=a[3];return d},equal:function(a,d){return a===d||1E-6>Math.abs(a[0]-d[0])&&1E-6>Math.abs(a[1]-d[1])&&1E-6>Math.abs(a[2]-d[2])&&1E-6>Math.abs(a[3]-d[3])},identity:function(a){a||(a=m.create());
+a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a}},H=m.identity();m.calculateW=function(a,d){var b=a[0],c=a[1],e=a[2];if(!d||a===d)return a[3]=-Math.sqrt(Math.abs(1-b*b-c*c-e*e)),a;d[0]=b;d[1]=c;d[2]=e;d[3]=-Math.sqrt(Math.abs(1-b*b-c*c-e*e));return d};m.dot=function(a,d){return a[0]*d[0]+a[1]*d[1]+a[2]*d[2]+a[3]*d[3]};m.inverse=function(a,d){var b=a[0],c=a[1],e=a[2],f=a[3],b=(b=b*b+c*c+e*e+f*f)?1/b:0;if(!d||a===d)return a[0]*=-b,a[1]*=-b,a[2]*=-b,a[3]*=b,a;d[0]=-a[0]*b;d[1]=-a[1]*b;d[2]=-a[2]*b;d[3]=a[3]*b;
+return d};m.conjugate=function(a,d){if(!d||a===d)return a[0]*=-1,a[1]*=-1,a[2]*=-1,a;d[0]=-a[0];d[1]=-a[1];d[2]=-a[2];d[3]=a[3];return d};m.length=function(a){var d=a[0],b=a[1],c=a[2];a=a[3];return Math.sqrt(d*d+b*b+c*c+a*a)};m.normalize=function(a,d){d||(d=a);var b=a[0],c=a[1],e=a[2],f=a[3],g=Math.sqrt(b*b+c*c+e*e+f*f);if(0===g)return d[0]=0,d[1]=0,d[2]=0,d[3]=0,d;g=1/g;d[0]=b*g;d[1]=c*g;d[2]=e*g;d[3]=f*g;return d};m.add=function(a,d,b){if(!b||a===b)return a[0]+=d[0],a[1]+=d[1],a[2]+=d[2],a[3]+=
+d[3],a;b[0]=a[0]+d[0];b[1]=a[1]+d[1];b[2]=a[2]+d[2];b[3]=a[3]+d[3];return b};m.multiply=function(a,d,b){b||(b=a);var c=a[0],e=a[1],f=a[2];a=a[3];var g=d[0],h=d[1],k=d[2];d=d[3];b[0]=c*d+a*g+e*k-f*h;b[1]=e*d+a*h+f*g-c*k;b[2]=f*d+a*k+c*h-e*g;b[3]=a*d-c*g-e*h-f*k;return b};m.multiplyVec3=function(a,d,b){b||(b=d);var c=d[0],e=d[1],f=d[2];d=a[0];var g=a[1],h=a[2];a=a[3];var k=a*c+g*f-h*e,l=a*e+h*c-d*f,m=a*f+d*e-g*c,c=-d*c-g*e-h*f;b[0]=k*a+c*-d+l*-h-m*-g;b[1]=l*a+c*-g+m*-d-k*-h;b[2]=m*a+c*-h+k*-g-l*-d;
+return b};m.scale=function(a,d,b){if(!b||a===b)return a[0]*=d,a[1]*=d,a[2]*=d,a[3]*=d,a;b[0]=a[0]*d;b[1]=a[1]*d;b[2]=a[2]*d;b[3]=a[3]*d;return b};m.toMat3=function(a,d){d||(d=x.create());var b=a[0],c=a[1],e=a[2],f=a[3],g=b+b,h=c+c,k=e+e,l=b*g,m=b*h,b=b*k,p=c*h,c=c*k,e=e*k,g=f*g,h=f*h,f=f*k;d[0]=1-(p+e);d[1]=m+f;d[2]=b-h;d[3]=m-f;d[4]=1-(l+e);d[5]=c+g;d[6]=b+h;d[7]=c-g;d[8]=1-(l+p);return d};m.toMat4=function(a,d){d||(d=t.create());var b=a[0],c=a[1],e=a[2],f=a[3],g=b+b,h=c+c,k=e+e,l=b*g,m=b*h,b=b*
+k,p=c*h,c=c*k,e=e*k,g=f*g,h=f*h,f=f*k;d[0]=1-(p+e);d[1]=m+f;d[2]=b-h;d[3]=0;d[4]=m-f;d[5]=1-(l+e);d[6]=c+g;d[7]=0;d[8]=b+h;d[9]=c-g;d[10]=1-(l+p);d[11]=0;d[12]=0;d[13]=0;d[14]=0;d[15]=1;return d};m.slerp=function(a,d,b,c){c||(c=a);var e=a[0]*d[0]+a[1]*d[1]+a[2]*d[2]+a[3]*d[3],f,g;if(1<=Math.abs(e))return c!==a&&(c[0]=a[0],c[1]=a[1],c[2]=a[2],c[3]=a[3]),c;f=Math.acos(e);g=Math.sqrt(1-e*e);if(0.0010>Math.abs(g))return c[0]=0.5*a[0]+0.5*d[0],c[1]=0.5*a[1]+0.5*d[1],c[2]=0.5*a[2]+0.5*d[2],c[3]=0.5*a[3]+
+0.5*d[3],c;e=Math.sin((1-b)*f)/g;b=Math.sin(b*f)/g;c[0]=a[0]*e+d[0]*b;c[1]=a[1]*e+d[1]*b;c[2]=a[2]*e+d[2]*b;c[3]=a[3]*e+d[3]*b;return c};m.fromRotationMatrix=function(a,d){d||(d=m.create());var b=a[0]+a[4]+a[8],c;if(0<b)c=Math.sqrt(b+1),d[3]=0.5*c,c=0.5/c,d[0]=(a[7]-a[5])*c,d[1]=(a[2]-a[6])*c,d[2]=(a[3]-a[1])*c;else{c=m.fromRotationMatrix.s_iNext=m.fromRotationMatrix.s_iNext||[1,2,0];b=0;a[4]>a[0]&&(b=1);a[8]>a[3*b+b]&&(b=2);var e=c[b],f=c[e];c=Math.sqrt(a[3*b+b]-a[3*e+e]-a[3*f+f]+1);d[b]=0.5*c;c=
+0.5/c;d[3]=(a[3*f+e]-a[3*e+f])*c;d[e]=(a[3*e+b]+a[3*b+e])*c;d[f]=(a[3*f+b]+a[3*b+f])*c}return d};x.toQuat4=m.fromRotationMatrix;var B=x.create();m.fromAxes=function(a,d,b,c){B[0]=d[0];B[3]=d[1];B[6]=d[2];B[1]=b[0];B[4]=b[1];B[7]=b[2];B[2]=a[0];B[5]=a[1];B[8]=a[2];return m.fromRotationMatrix(B,c)};m.identity=function(a){a||(a=m.create());a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a};m.fromAngleAxis=function(a,d,b){b||(b=m.create());a*=0.5;var c=Math.sin(a);b[3]=Math.cos(a);b[0]=c*d[0];b[1]=c*d[1];b[2]=c*d[2];
+return b};m.toAngleAxis=function(a,d){d||(d=a);var b=a[0]*a[0]+a[1]*a[1]+a[2]*a[2];0<b?(d[3]=2*Math.acos(a[3]),b=e.invsqrt(b),d[0]=a[0]*b,d[1]=a[1]*b,d[2]=a[2]*b):(d[3]=0,d[0]=1,d[1]=0,d[2]=0);return d};m.str=function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"};var M={create:function(a){var d=new k(2);a?(d[0]=a[0],d[1]=a[1]):(d[0]=0,d[1]=0);return d},createFrom:function(a,d){var b=new k(2);b[0]=a;b[1]=d;return b},add:function(a,b,c){c||(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];return c},subtract:function(a,
+b,c){c||(c=b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];return c},multiply:function(a,b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;return c},dist:function(a,b){var c=b[0]-a[0],e=b[1]-a[1];return Math.sqrt(c*c+e*e)},set:function(a,b){b[0]=a[0];b[1]=a[1];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])},negate:function(a,b){b||(b=a);
+b[0]=-a[0];b[1]=-a[1];return b},normalize:function(a,b){b||(b=a);var c=a[0]*a[0]+a[1]*a[1];0<c?(c=Math.sqrt(c),b[0]=a[0]/c,b[1]=a[1]/c):b[0]=b[1]=0;return b},cross:function(a,b,c){a=a[0]*b[1]-a[1]*b[0];if(!c)return a;c[0]=c[1]=0;c[2]=a;return c},length:function(a){var b=a[0];a=a[1];return Math.sqrt(b*b+a*a)},squaredLength:function(a){var b=a[0];a=a[1];return b*b+a*a},dot:function(a,b){return a[0]*b[0]+a[1]*b[1]},direction:function(a,b,c){c||(c=a);var e=a[0]-b[0];a=a[1]-b[1];b=e*e+a*a;if(!b)return c[0]=
+0,c[1]=0,c[2]=0,c;b=1/Math.sqrt(b);c[0]=e*b;c[1]=a*b;return c},lerp:function(a,b,c,e){e||(e=a);e[0]=a[0]+c*(b[0]-a[0]);e[1]=a[1]+c*(b[1]-a[1]);return e},str:function(a){return"["+a[0]+", "+a[1]+"]"}},L={create:function(a){var b=new k(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):b[0]=b[1]=b[2]=b[3]=0;return b},createFrom:function(a,b,c,e){var f=new k(4);f[0]=a;f[1]=b;f[2]=c;f[3]=e;return f},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1E-6>
+Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])},identity:function(a){a||(a=L.create());a[0]=1;a[1]=0;a[2]=0;a[3]=1;return a},transpose:function(a,b){if(!b||a===b){var c=a[1];a[1]=a[2];a[2]=c;return a}b[0]=a[0];b[1]=a[2];b[2]=a[1];b[3]=a[3];return b},determinant:function(a){return a[0]*a[3]-a[2]*a[1]},inverse:function(a,b){b||(b=a);var c=a[0],e=a[1],f=a[2],g=a[3],h=c*g-f*e;if(!h)return null;h=1/h;b[0]=g*h;b[1]=-e*h;b[2]=-f*h;b[3]=c*h;return b},multiply:function(a,
+b,c){c||(c=a);var e=a[0],f=a[1],g=a[2];a=a[3];c[0]=e*b[0]+f*b[2];c[1]=e*b[1]+f*b[3];c[2]=g*b[0]+a*b[2];c[3]=g*b[1]+a*b[3];return c},rotate:function(a,b,c){c||(c=a);var e=a[0],f=a[1],g=a[2];a=a[3];var h=Math.sin(b);b=Math.cos(b);c[0]=e*b+f*h;c[1]=e*-h+f*b;c[2]=g*b+a*h;c[3]=g*-h+a*b;return c},multiplyVec2:function(a,b,c){c||(c=b);var e=b[0];b=b[1];c[0]=e*a[0]+b*a[1];c[1]=e*a[2]+b*a[3];return c},scale:function(a,b,c){c||(c=a);var e=a[1],f=a[2],g=a[3],h=b[0];b=b[1];c[0]=a[0]*h;c[1]=e*b;c[2]=f*h;c[3]=
+g*b;return c},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"}},N={create:function(a){var b=new k(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):(b[0]=0,b[1]=0,b[2]=0,b[3]=0);return b},createFrom:function(a,b,c,e){var f=new k(4);f[0]=a;f[1]=b;f[2]=c;f[3]=e;return f},add:function(a,b,c){c||(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];c[2]=a[2]+b[2];c[3]=a[3]+b[3];return c},subtract:function(a,b,c){c||(c=b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];c[2]=a[2]-b[2];c[3]=a[3]-b[3];return c},multiply:function(a,
+b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];c[2]=a[2]*b[2];c[3]=a[3]*b[3];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];c[2]=a[2]/b[2];c[3]=a[3]/b[3];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;c[2]=a[2]*b;c[3]=a[3]*b;return c},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])},negate:function(a,b){b||
+(b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=-a[3];return b},length:function(a){var b=a[0],c=a[1],e=a[2];a=a[3];return Math.sqrt(b*b+c*c+e*e+a*a)},squaredLength:function(a){var b=a[0],c=a[1],e=a[2];a=a[3];return b*b+c*c+e*e+a*a},lerp:function(a,b,c,e){e||(e=a);e[0]=a[0]+c*(b[0]-a[0]);e[1]=a[1]+c*(b[1]-a[1]);e[2]=a[2]+c*(b[2]-a[2]);e[3]=a[3]+c*(b[3]-a[3]);return e},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"}};b&&(b.glMatrixArrayType=k,b.MatrixArray=k,b.setMatrixArrayType=c,b.determineMatrixArrayType=
+f,b.glMath=e,b.vec2=M,b.vec3=l,b.vec4=N,b.mat2=L,b.mat3=x,b.mat4=t,b.quat4=m);return{glMatrixArrayType:k,MatrixArray:k,setMatrixArrayType:c,determineMatrixArrayType:f,glMath:e,vec2:M,vec3:l,vec4:N,mat2:L,mat3:x,mat4:t,quat4:m}});PIXI=PIXI||{};PIXI.shaderFragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor \x3d texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));","gl_FragColor \x3d gl_FragColor * vColor;","}"];
+PIXI.shaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform mat4 uMVMatrix;","varying vec2 vTextureCoord;","varying float vColor;","void main(void) {","gl_Position \x3d uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);","vTextureCoord \x3d aTextureCoord;","vColor \x3d aColor;","}"];
+PIXI.CompileVertexShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.VERTEX_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI.CompileFragmentShader=function(b,c){for(var f="",e=0;e<c.length;e++)f+=c[e];e=b.createShader(b.FRAGMENT_SHADER);b.shaderSource(e,f);b.compileShader(e);return!b.getShaderParameter(e,b.COMPILE_STATUS)?(alert(b.getShaderInfoLog(e)),null):e};PIXI=PIXI||{};PIXI._defaultFrame=new PIXI.Rectangle(0,0,1,1);
+PIXI.WebGLRenderer=function(b,c){this.width=b?b:800;this.height=c?c:600;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";var f=this;this.view.addEventListener("webglcontextlost",function(b){f.handleContextLost(b)},!1);this.view.addEventListener("webglcontextrestored",function(b){f.handleContextRestored(b)},!1);this.batchs=[];try{this.gl=this.view.getContext("experimental-webgl",{alpha:!1})}catch(e){throw Error(" This browser does not support webGL. Try using the canvas renderer"+
+this);}this.initShaders();var g=this.gl;this.batch=new PIXI.WebGLBatch(g);g.disable(g.DEPTH_TEST);g.enable(g.BLEND);g.colorMask(!0,!0,!0,!1);this.projectionMatrix=mat4.create();this.resize(this.width,this.height);this.contextLost=!1};PIXI.WebGLRenderer.constructor=PIXI.WebGLRenderer;
+PIXI.WebGLRenderer.prototype.initShaders=function(){var b=this.gl,c=PIXI.CompileFragmentShader(b,PIXI.shaderFragmentSrc),f=PIXI.CompileVertexShader(b,PIXI.shaderVertexSrc),e=this.shaderProgram=b.createProgram();b.attachShader(e,f);b.attachShader(e,c);b.linkProgram(e);b.getProgramParameter(e,b.LINK_STATUS)||alert("Could not initialise shaders");b.useProgram(e);e.vertexPositionAttribute=b.getAttribLocation(e,"aVertexPosition");b.enableVertexAttribArray(e.vertexPositionAttribute);e.textureCoordAttribute=
+b.getAttribLocation(e,"aTextureCoord");b.enableVertexAttribArray(e.textureCoordAttribute);e.colorAttribute=b.getAttribLocation(e,"aColor");b.enableVertexAttribArray(e.colorAttribute);e.mvMatrixUniform=b.getUniformLocation(e,"uMVMatrix");e.samplerUniform=b.getUniformLocation(e,"uSampler");PIXI.shaderProgram=this.shaderProgram};
+PIXI.WebGLRenderer.prototype.checkVisibility=function(b){b=b.children;for(var c=0;c<b.length;c++){var f=b[c];f.textureChange&&(f.textureChange=!1,f.visible&&(this.removeDisplayObject(f),this.addDisplayObject(f)));f.cacheVisible!=f.visible?((f.cacheVisible=f.visible)?this.addDisplayObject(f):this.removeDisplayObject(f),this.setGLVisible(f,f.visible)):0<f.children.length&&this.checkVisibility(f)}};
+PIXI.WebGLRenderer.prototype.setGLVisible=function(b,c){for(var f=b.children,e=0;e<f.length;e++){var g=f[e];c?this.addDisplayObject(g):this.removeDisplayObject(g);0<g.children.length&&this.setGLVisible(g,c)}};
+PIXI.WebGLRenderer.prototype.render=function(b){if(!this.contextLost){for(var c=0;c<b.__childrenRemoved.length;c++)this.removeDisplayObject(b.__childrenRemoved[c]);for(c=0;c<b.__childrenAdded.length;c++)this.addDisplayObject(b.__childrenAdded[c]);for(c=0;c<PIXI.texturesToUpdate.length;c++)this.updateTexture(PIXI.texturesToUpdate[c]);b.__childrenRemoved=[];b.__childrenAdded=[];PIXI.texturesToUpdate=[];this.checkVisibility(b);b.updateTransform();c=this.gl;c.clear(c.COLOR_BUFFER_BIT);c.clearColor(1,
+1,1,1);c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA);c.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,this.projectionMatrix);for(c=0;c<this.batchs.length;c++)b=this.batchs[c],b instanceof PIXI.WebGLBatch?this.batchs[c].render():b instanceof PIXI.Strip&&b.visible&&this.renderStrip(b)}};
+PIXI.WebGLRenderer.prototype.updateTexture=function(b){var c=this.gl;b._glTexture||(b._glTexture=c.createTexture());b.hasLoaded&&(c.bindTexture(c.TEXTURE_2D,b._glTexture),c.pixelStorei(c.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),c.texImage2D(c.TEXTURE_2D,0,c.RGBA,c.RGBA,c.UNSIGNED_BYTE,b.image),c.texParameteri(c.TEXTURE_2D,c.TEXTURE_MAG_FILTER,c.LINEAR),c.texParameteri(c.TEXTURE_2D,c.TEXTURE_MIN_FILTER,c.LINEAR),c.texParameteri(c.TEXTURE_2D,c.TEXTURE_WRAP_S,c.CLAMP_TO_EDGE),c.texParameteri(c.TEXTURE_2D,
+c.TEXTURE_WRAP_T,c.CLAMP_TO_EDGE),c.bindTexture(c.TEXTURE_2D,null));this.refreshBatchs=!0};
+PIXI.WebGLRenderer.prototype.addDisplayObject=function(b){if(b.stage&&(b.cacheVisible=b.visible))if(b.batch=null,b.renderable){b.__inWebGL=!0;var c=b;do{if(0==c.childIndex)c=c.parent;else for(c=c.parent.children[c.childIndex-1];0!=c.children.length;)c=c.children[c.children.length-1];if(c==b.stage)break}while(!c.renderable||!c.__inWebGL);var f=b;do{if(0==f.children.length){for(;f.childIndex==f.parent.children.length-1;)if(f=f.parent,f==b.stage){f=null;break}f&&(f=f.parent.children[f.childIndex+1])}else f=
+f.children[0];if(!f)break}while(!f.renderable||!f.__inWebGL);if(b instanceof PIXI.Sprite){var e;if(c instanceof PIXI.Sprite){if((e=c.batch)&&e.texture==b.texture.baseTexture&&e.blendMode==b.blendMode){e.insertAfter(b,c);return}}else e=c;if(f&&f instanceof PIXI.Sprite&&(c=f.batch)){if(c.texture==b.texture.baseTexture&&c.blendMode==b.blendMode){c.insertBefore(b,f);return}if(c==e){f=e.split(f);c=PIXI._getBatch(this.gl);e=this.batchs.indexOf(e);c.init(b);this.batchs.splice(e+1,0,c,f);return}}c=PIXI._getBatch(this.gl);
+c.init(b);e?(e=this.batchs.indexOf(e),this.batchs.splice(e+1,0,c)):this.batchs.push(c)}else b instanceof PIXI.Strip&&(this.initStrip(b),this.batchs.push(b));this.batchUpdate=!0}};
+PIXI.WebGLRenderer.prototype.removeDisplayObject=function(b){b.cacheVisible=b.visible;if(b.renderable){var c;if(b instanceof PIXI.Sprite){var f=b.batch;if(!f)return;f.remove(b);0==f.size&&(c=f)}else c=b;c&&(b=this.batchs.indexOf(c),-1!=b&&(!(0==b||b==this.batchs.length-1)&&this.batchs[b-1]instanceof PIXI.WebGLBatch&&this.batchs[b+1]instanceof PIXI.WebGLBatch&&this.batchs[b-1].texture==this.batchs[b+1].texture?(this.batchs[b-1].merge(this.batchs[b+1]),c instanceof PIXI.WebGLBatch&&PIXI._returnBatch(c),
+PIXI._returnBatch(this.batchs[b+1]),this.batchs.splice(b,2)):(this.batchs.splice(b,1),c instanceof PIXI.WebGLBatch&&PIXI._returnBatch(c))))}};PIXI.WebGLRenderer.prototype.resize=function(b,c){this.width=b;this.height=c;this.view.width=b;this.view.height=c;this.gl.viewport(0,0,this.width,this.height);mat4.identity(this.projectionMatrix);mat4.scale(this.projectionMatrix,[2/this.width,-2/this.height,1]);mat4.translate(this.projectionMatrix,[-this.width/2,-this.height/2,0])};
+PIXI.WebGLRenderer.prototype.initStrip=function(b){var c=this.gl;b._vertexBuffer=c.createBuffer();b._indexBuffer=c.createBuffer();b._uvBuffer=c.createBuffer();b._colorBuffer=c.createBuffer();c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer);c.bufferData(c.ARRAY_BUFFER,b.verticies,c.DYNAMIC_DRAW);c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer);c.bufferData(c.ARRAY_BUFFER,b.uvs,c.STATIC_DRAW);c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer);c.bufferData(c.ARRAY_BUFFER,b.colors,c.STATIC_DRAW);c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,
+b._indexBuffer);c.bufferData(c.ELEMENT_ARRAY_BUFFER,b.indices,c.STATIC_DRAW)};
+PIXI.WebGLRenderer.prototype.renderStrip=function(b){var c=this.gl,f=this.shaderProgram,e=mat3.toMat4(b.worldTransform);mat4.transpose(e);mat4.multiply(this.projectionMatrix,e,e);c.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,e);b.blendMode==PIXI.blendModes.NORMAL?c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA):c.blendFunc(c.ONE,c.ONE_MINUS_SRC_COLOR);b.dirty?(b.dirty=!1,c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer),c.bufferData(c.ARRAY_BUFFER,b.verticies,c.STATIC_DRAW),c.vertexAttribPointer(f.vertexPositionAttribute,
+2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer),c.bufferData(c.ARRAY_BUFFER,b.uvs,c.STATIC_DRAW),c.vertexAttribPointer(f.textureCoordAttribute,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,b.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer),c.bufferData(c.ARRAY_BUFFER,b.colors,c.STATIC_DRAW),c.vertexAttribPointer(f.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,b._indexBuffer),c.bufferData(c.ELEMENT_ARRAY_BUFFER,
+b.indices,c.STATIC_DRAW)):(c.bindBuffer(c.ARRAY_BUFFER,b._vertexBuffer),c.bufferSubData(c.ARRAY_BUFFER,0,b.verticies),c.vertexAttribPointer(f.vertexPositionAttribute,2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,b._uvBuffer),c.vertexAttribPointer(f.textureCoordAttribute,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,b.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,b._colorBuffer),c.vertexAttribPointer(f.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,
+b._indexBuffer));c.drawElements(c.TRIANGLE_STRIP,b.indices.length,c.UNSIGNED_SHORT,0);c.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,this.projectionMatrix)};PIXI.WebGLRenderer.prototype.handleContextLost=function(b){b.preventDefault();this.contextLost=!0};
+PIXI.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0});this.initShaders();for(var b=0;b<PIXI.TextureCache.length;b++)this.updateTexture(PIXI.TextureCache[b]);for(b=0;b<this.batchs.length;b++)this.batchs[b].restoreLostContext(this.gl),this.batchs[b].dirty=!0;PIXI._restoreBatchs(this.gl);this.contextLost=!1};PIXI=PIXI||{};PIXI._batchs=[];PIXI._getBatch=function(b){return 0==PIXI._batchs.length?new PIXI.WebGLBatch(b):PIXI._batchs.pop()};PIXI._returnBatch=function(b){b.clean();PIXI._batchs.push(b)};PIXI._restoreBatchs=function(b){for(var c=0;c<PIXI._batchs.length;c++)PIXI._batchs[c].restoreLostContext(b)};
+PIXI.WebGLBatch=function(b){this.gl=b;this.size=0;this.vertexBuffer=b.createBuffer();this.indexBuffer=b.createBuffer();this.uvBuffer=b.createBuffer();this.colorBuffer=b.createBuffer();this.blendMode=PIXI.blendModes.NORMAL;this.dynamicSize=1};PIXI.WebGLBatch.constructor=PIXI.WebGLBatch;PIXI.WebGLBatch.prototype.clean=function(){this.verticies=[];this.uvs=[];this.indices=[];this.colors=[];this.dynamicSize=1;this.last=this.texture=null;this.size=0;this.head;this.tail};
+PIXI.WebGLBatch.prototype.restoreLostContext=function(b){this.gl=b;this.vertexBuffer=b.createBuffer();this.indexBuffer=b.createBuffer();this.uvBuffer=b.createBuffer();this.colorBuffer=b.createBuffer()};PIXI.WebGLBatch.prototype.init=function(b){b.batch=this;this.dirty=!0;this.blendMode=b.blendMode;this.texture=b.texture.baseTexture;this.tail=this.head=b;this.size=1;this.growBatch()};
+PIXI.WebGLBatch.prototype.insertBefore=function(b,c){this.size++;b.batch=this;this.dirty=!0;var f=c.__prev;c.__prev=b;b.__next=c;f?(b.__prev=f,f.__next=b):this.head=b};PIXI.WebGLBatch.prototype.insertAfter=function(b,c){this.size++;b.batch=this;this.dirty=!0;var f=c.__next;c.__next=b;b.__prev=c;f?(b.__next=f,f.__prev=b):this.tail=b};
+PIXI.WebGLBatch.prototype.remove=function(b){this.size--;0==this.size?(b.__prev=null,b.__next=null):(b.__prev?b.__prev.__next=b.__next:this.head=b.__next,b.__next?b.__next.__prev=b.__prev:this.tail=b.__prev,b.batch=null,b.__next=null,b.__prev=null,this.dirty=!0)};
+PIXI.WebGLBatch.prototype.split=function(b){this.dirty=!0;var c=new PIXI.WebGLBatch(this.gl);c.init(b);c.tail=this.tail;this.tail=b.__prev;this.tail.__next=null;b.__prev=null;for(var f=0;b;)f++,b.batch=c,b=b.__next;c.size=f;this.size-=f;return c};PIXI.WebGLBatch.prototype.merge=function(b){this.dirty=!0;this.tail.__next=b.head;b.head.__prev=this.tail;this.size+=b.size;this.tail=b.tail;for(b=b.head;b;)b.batch=this,b=b.__next};
+PIXI.WebGLBatch.prototype.growBatch=function(){var b=this.gl;this.dynamicSize=1==this.size?1:1.5*this.size;this.verticies=new Float32Array(8*this.dynamicSize);b.bindBuffer(b.ARRAY_BUFFER,this.vertexBuffer);b.bufferData(b.ARRAY_BUFFER,this.verticies,b.DYNAMIC_DRAW);this.uvs=new Float32Array(8*this.dynamicSize);b.bindBuffer(b.ARRAY_BUFFER,this.uvBuffer);b.bufferData(b.ARRAY_BUFFER,this.uvs,b.DYNAMIC_DRAW);this.dirtyUVS=!0;this.colors=new Float32Array(4*this.dynamicSize);b.bindBuffer(b.ARRAY_BUFFER,
+this.colorBuffer);b.bufferData(b.ARRAY_BUFFER,this.colors,b.DYNAMIC_DRAW);this.dirtyColors=!0;this.indices=new Uint16Array(6*this.dynamicSize);for(var c=this.indices.length/6,f=0;f<c;f++){var e=6*f,g=4*f;this.indices[e+0]=g+0;this.indices[e+1]=g+1;this.indices[e+2]=g+2;this.indices[e+3]=g+0;this.indices[e+4]=g+2;this.indices[e+5]=g+3}b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,this.indexBuffer);b.bufferData(b.ELEMENT_ARRAY_BUFFER,this.indices,b.STATIC_DRAW)};
+PIXI.WebGLBatch.prototype.refresh=function(){this.dynamicSize<this.size&&this.growBatch();for(var b=0,c,f=this.head;f;){c=8*b;var e=f.texture,g=e.frame,h=e.baseTexture.width,e=e.baseTexture.height;this.uvs[c+0]=g.x/h;this.uvs[c+1]=g.y/e;this.uvs[c+2]=(g.x+g.width)/h;this.uvs[c+3]=g.y/e;this.uvs[c+4]=(g.x+g.width)/h;this.uvs[c+5]=(g.y+g.height)/e;this.uvs[c+6]=g.x/h;this.uvs[c+7]=(g.y+g.height)/e;f.updateFrame=!1;colorIndex=4*b;this.colors[colorIndex]=this.colors[colorIndex+1]=this.colors[colorIndex+
+2]=this.colors[colorIndex+3]=f.worldAlpha;f=f.__next;b++}this.dirtyColors=this.dirtyUVS=!0};
+PIXI.WebGLBatch.prototype.update=function(){for(var b,c,f,e,g,h,k,l,p,q,C,F=0,u=this.head;u;)c=u.width,f=u.height,e=u.anchor.x,g=u.anchor.y,h=c*(1-e),c*=-e,e=f*(1-g),g=f*-g,f=8*F,b=u.worldTransform,k=b[0],l=b[3],p=b[1],q=b[4],C=b[2],b=b[5],this.verticies[f+0]=k*c+p*g+C,this.verticies[f+1]=q*g+l*c+b,this.verticies[f+2]=k*h+p*g+C,this.verticies[f+3]=q*g+l*h+b,this.verticies[f+4]=k*h+p*e+C,this.verticies[f+5]=q*e+l*h+b,this.verticies[f+6]=k*c+p*e+C,this.verticies[f+7]=q*e+l*c+b,u.updateFrame&&(this.dirtyUVS=
+!0,e=u.texture,h=e.frame,c=e.baseTexture.width,e=e.baseTexture.height,this.uvs[f+0]=h.x/c,this.uvs[f+1]=h.y/e,this.uvs[f+2]=(h.x+h.width)/c,this.uvs[f+3]=h.y/e,this.uvs[f+4]=(h.x+h.width)/c,this.uvs[f+5]=(h.y+h.height)/e,this.uvs[f+6]=h.x/c,this.uvs[f+7]=(h.y+h.height)/e,u.updateFrame=!1),u.cacheAlpha!=u.alpha&&(u.cacheAlpha=u.alpha,h=4*F,this.colors[void 0]=this.colors[h+1]=this.colors[h+2]=this.colors[h+3]=u.worldAlpha,this.dirtyColors=!0),F++,u=u.__next};
+PIXI.WebGLBatch.prototype.render=function(){this.dirty&&(this.refresh(),this.dirty=!1);if(0!=this.size){this.update();var b=this.gl;this.blendMode==PIXI.blendModes.NORMAL?b.blendFunc(b.ONE,b.ONE_MINUS_SRC_ALPHA):b.blendFunc(b.ONE,b.ONE_MINUS_SRC_COLOR);var c=PIXI.shaderProgram;b.bindBuffer(b.ARRAY_BUFFER,this.vertexBuffer);b.bufferSubData(b.ARRAY_BUFFER,0,this.verticies);b.vertexAttribPointer(c.vertexPositionAttribute,2,b.FLOAT,!1,0,0);b.bindBuffer(b.ARRAY_BUFFER,this.uvBuffer);this.dirtyUVS&&(this.dirtyUVS=
+!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.uvs));b.vertexAttribPointer(c.textureCoordAttribute,2,b.FLOAT,!1,0,0);b.activeTexture(b.TEXTURE0);b.bindTexture(b.TEXTURE_2D,this.texture._glTexture);b.bindBuffer(b.ARRAY_BUFFER,this.colorBuffer);this.dirtyColors&&(this.dirtyColors=!1,b.bufferSubData(b.ARRAY_BUFFER,0,this.colors));b.vertexAttribPointer(c.colorAttribute,1,b.FLOAT,!1,0,0);b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,this.indexBuffer);b.drawElements(b.TRIANGLES,6*this.size,b.UNSIGNED_SHORT,0)}};PIXI=PIXI||{};PIXI.CanvasRenderer=function(b,c){this.width=b?b:800;this.height=c?c:600;this.refresh=!0;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";this.count=0;this.context=this.view.getContext("2d")};PIXI.CanvasRenderer.constructor=PIXI.CanvasRenderer;
+PIXI.CanvasRenderer.prototype.render=function(b){b.__childrenAdded=[];b.__childrenRemoved=[];PIXI.texturesToUpdate=[];this.context.setTransform(1,0,0,1,0,0);b.updateTransform();this.context.setTransform(1,0,0,1,0,0);this.context.clearRect(0,0,this.width,this.height);this.renderDisplayObject(b)};PIXI.CanvasRenderer.prototype.resize=function(b,c){this.width=b;this.height=c;this.view.width=b;this.view.height=c};
+PIXI.CanvasRenderer.prototype.renderDisplayObject=function(b){var c=b.worldTransform,f=this.context;f.globalCompositeOperation="source-over";if(b.visible){if(b instanceof PIXI.Sprite){var e=b.texture.frame;e&&(f.globalAlpha=b.worldAlpha,0==b.rotation?(this.context.setTransform(1,0,0,1,0,0),f.drawImage(b.texture.baseTexture.image,e.x,e.y,e.width,e.height,c[2]+b.anchor.x*-e.width+0.5|0,c[5]+b.anchor.y*-e.height+0.5|0,e.width*c[0],e.height*c[4])):(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),f.drawImage(b.texture.baseTexture.image,
+e.x,e.y,e.width,e.height,b.anchor.x*-e.width,b.anchor.y*-e.height,e.width,e.height)))}else b instanceof PIXI.Strip&&(f.setTransform(c[0],c[3],c[1],c[4],c[2],c[5]),this.renderStrip(b));for(c=0;c<b.children.length;c++)this.renderDisplayObject(b.children[c])}};
+PIXI.CanvasRenderer.prototype.renderStripFlat=function(b){var c=this.context;b=b.verticies;var f=b.length/2;this.count++;c.beginPath();for(var e=1;e<f-2;e++){var g=2*e,h=b[g+2],k=b[g+4],l=b[g+3],p=b[g+5];c.moveTo(b[g],b[g+1]);c.lineTo(h,l);c.lineTo(k,p)}c.fillStyle="#FF0000";c.fill();c.closePath()};
+PIXI.CanvasRenderer.prototype.renderStrip=function(b){var c=this.context,f=b.verticies,e=b.uvs,g=f.length/2;this.count++;for(var h=1;h<g-2;h++){var k=2*h,l=f[k],p=f[k+2],q=f[k+4],C=f[k+1],F=f[k+3],u=f[k+5],w=e[k]*b.texture.width,x=e[k+2]*b.texture.width,t=e[k+4]*b.texture.width,m=e[k+1]*b.texture.height,H=e[k+3]*b.texture.height,k=e[k+5]*b.texture.height;c.save();c.beginPath();c.moveTo(l,C);c.lineTo(p,F);c.lineTo(q,u);c.closePath();c.clip();var B=w*H+m*t+x*k-H*t-m*x-w*k;c.transform((l*H+m*q+p*k-H*
+q-m*p-l*k)/B,(C*H+m*u+F*k-H*u-m*F-C*k)/B,(w*p+l*t+x*q-p*t-l*x-w*q)/B,(w*F+C*t+x*u-F*t-C*x-w*u)/B,(w*H*q+m*p*t+l*x*k-l*H*t-m*x*q-w*p*k)/B,(w*H*u+m*F*t+C*x*k-C*H*t-m*x*u-w*F*k)/B);c.drawImage(b.texture.baseTexture.image,0,0);c.restore()}};PIXI=PIXI||{};PIXI.DisplayObject=function(){this.position=new PIXI.Point;this.scale=new PIXI.Point(1,1);this.rotation=0;this.alpha=1;this.visible=!0;this.stage=this.parent=null;this.worldAlpha=1;this.color=[];this.worldTransform=mat3.identity();this.localTransform=mat3.identity();this.dynamic=!0;this._sr=0;this._cr=1;this.renderable=!1};PIXI.DisplayObject.constructor=PIXI.DisplayObject;
+PIXI.DisplayObject.prototype.updateTransform=function(){this.rotation!=this.rotationCache&&(this.rotationCach=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));this.localTransform[0]=this._cr*this.scale.x;this.localTransform[1]=-this._sr*this.scale.y;this.localTransform[3]=this._sr*this.scale.x;this.localTransform[4]=this._cr*this.scale.y;this.localTransform[2]=this.position.x;this.localTransform[5]=this.position.y;mat3.multiply(this.localTransform,this.parent.worldTransform,
+this.worldTransform);this.worldAlpha=this.alpha*this.parent.worldAlpha};PIXI=PIXI||{};PIXI.DisplayObjectContainer=function(){PIXI.DisplayObject.call(this);this.children=[];this.renderable=!1};PIXI.DisplayObjectContainer.constructor=PIXI.DisplayObjectContainer;PIXI.DisplayObjectContainer.prototype=Object.create(PIXI.DisplayObject.prototype);PIXI.DisplayObjectContainer.prototype.addChild=function(b){void 0!=b.parent&&b.parent.removeChild(b);b.parent=this;b.childIndex=this.children.length;this.children.push(b);this.stage&&this.stage.__addChild(b)};
+PIXI.DisplayObjectContainer.prototype.addChildAt=function(b,c){if(0<=c&&c<=this.children.length){void 0!=b.parent&&b.parent.removeChild(b);c==this.children.length?this.children.push(b):this.children.splice(c,0,b);b.parent=this;b.childIndex=c;for(var f=this.children.length,e=c;e<f;e++)this.children[e].childIndex=e;this.stage&&this.stage.__addChild(b)}else throw Error(b+" The index supplied is out of bounds "+this);};
+PIXI.DisplayObjectContainer.prototype.removeChild=function(b){var c=this.children.indexOf(b);if(-1!==c){this.stage&&this.stage.__removeChild(b);b.parent=void 0;this.children.splice(c,1);b=c;for(c=this.children.length;b<c;b++)this.children[b].childIndex-=1}else throw Error(b+" The supplied DisplayObject must be a child of the caller "+this);};
+PIXI.DisplayObjectContainer.prototype.updateTransform=function(){if(this.visible){PIXI.DisplayObject.prototype.updateTransform.call(this);for(var b=0,c=this.children.length;b<c;b++)this.children[b].updateTransform()}};PIXI=PIXI||{};PIXI.Stage=function(){PIXI.DisplayObjectContainer.call(this);this.worldTransform=mat3.identity();this.__childrenAdded=[];this.__childrenRemoved=[];this.childIndex=0;this.stage=this};PIXI.Stage.constructor=PIXI.Stage;PIXI.Stage.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Stage.prototype.updateTransform=function(){this.worldAlpha=1;for(var b=0,c=this.children.length;b<c;b++)this.children[b].updateTransform()};
+PIXI.Stage.prototype.__addChild=function(b){this.__childrenAdded.push(b);b.stage=this;if(b.children)for(var c=0;c<b.children.length;c++)this.__addChild(b.children[c])};PIXI.Stage.prototype.__removeChild=function(b){this.__childrenRemoved.push(b);b.stage=void 0;if(b.children)for(var c=0,f=b.children.length;c<f;c++)this.__removeChild(b.children[c])};PIXI=PIXI||{};PIXI.blendModes={};PIXI.blendModes.NORMAL=0;PIXI.blendModes.SCREEN=1;
+PIXI.Sprite=function(b){PIXI.DisplayObjectContainer.call(this);this.anchor=new PIXI.Point;this.texture=b;this.blendMode=PIXI.blendModes.NORMAL;this.height=this.width=1;b.baseTexture.hasLoaded?(this.width=this.texture.frame.width,this.height=this.texture.frame.height,this.updateFrame=!0):(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind));this.renderable=!0};PIXI.Sprite.constructor=PIXI.Sprite;PIXI.Sprite.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);
+PIXI.Sprite.prototype.setTexture=function(b){this.texture.baseTexture!=b.baseTexture&&(this.textureChange=!0);this.texture=b;this.width=b.frame.width;this.height=b.frame.height;this.updateFrame=!0};PIXI.Sprite.prototype.onTextureUpdate=function(){this.width=this.texture.frame.width;this.height=this.texture.frame.height;this.updateFrame=!0};PIXI.Sprite.fromFrame=function(b){var c=PIXI.TextureCache[b];if(!c)throw Error("The frameId '"+b+"' does not exist in the texture cache"+this);return new PIXI.Sprite(c)};
+PIXI.Sprite.fromImage=function(b){b=PIXI.Texture.fromImage(b);return new PIXI.Sprite(b)};PIXI=PIXI||{};
+PIXI.Strip=function(b,c,f){PIXI.DisplayObjectContainer.call(this);this.texture=b;this.blendMode=PIXI.blendModes.NORMAL;try{this.uvs=new Float32Array([0,1,1,1,1,0,0,1]),this.verticies=new Float32Array([0,0,0,0,0,0,0,0,0]),this.colors=new Float32Array([1,1,1,1]),this.indices=new Uint16Array([0,1,2,3])}catch(e){this.uvs=[0,1,1,1,1,0,0,1],this.verticies=[0,0,0,0,0,0,0,0,0],this.colors=[1,1,1,1],this.indices=[0,1,2,3]}this.width=c;this.height=f;b.baseTexture.hasLoaded?(this.width=this.texture.frame.width,this.height=
+this.texture.frame.height,this.updateFrame=!0):(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind));this.renderable=!0};PIXI.Strip.constructor=PIXI.Strip;PIXI.Strip.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Strip.prototype.setTexture=function(b){this.texture=b;this.width=b.frame.width;this.height=b.frame.height;this.updateFrame=!0};PIXI.Strip.prototype.onTextureUpdate=function(){this.updateFrame=!0};PIXI=PIXI||{};PIXI.Rope=function(b,c){PIXI.Strip.call(this,b);this.points=c;try{this.verticies=new Float32Array(4*c.length),this.uvs=new Float32Array(4*c.length),this.colors=new Float32Array(2*c.length),this.indices=new Uint16Array(2*c.length)}catch(f){this.verticies=verticies,this.uvs=uvs,this.colors=colors,this.indices=indices}this.refresh()};PIXI.Rope.constructor=PIXI.Rope;PIXI.Rope.prototype=Object.create(PIXI.Strip.prototype);
+PIXI.Rope.prototype.refresh=function(){var b=this.points;if(!(1>b.length)){var c=this.uvs,f=this.indices,e=this.colors;this.count-=0.2;c[0]=0;c[1]=1;c[2]=0;c[3]=1;e[0]=1;e[1]=1;f[0]=0;f[1]=1;for(var b=b.length,g=1;g<b;g++){var h=4*g,k=g/(b-1);c[h]=k;c[h+1]=0;c[h+2]=k;c[h+3]=1;h=2*g;e[h]=1;e[h+1]=1;h=2*g;f[h]=h;f[h+1]=h+1}}};
+PIXI.Rope.prototype.updateTransform=function(){var b=this.points;if(!(1>b.length)){var c=this.verticies,f=b[0],e,g=e=0,h=b[0];this.count-=0.2;c[0]=h.x+e;c[1]=h.y+g;c[2]=h.x-e;c[3]=h.y-g;for(var k=b.length,l=1;l<k;l++){var h=b[l],p=4*l;e=l<b.length-1?b[l+1]:h;g=-(e.x-f.x);e=e.y-f.y;var f=Math.sqrt(e*e+g*g),q=this.texture.height/2;e/=f;g/=f;e*=q;g*=q;c[p]=h.x+e;c[p+1]=h.y+g;c[p+2]=h.x-e;c[p+3]=h.y-g;f=h}PIXI.DisplayObjectContainer.prototype.updateTransform.call(this)}};
+PIXI.Rope.prototype.setTexture=function(b){this.texture=b;this.updateFrame=!0};PIXI=PIXI||{};PIXI.MovieClip=function(b){PIXI.Sprite.call(this,b[0]);this.textures=b;this.currentFrame=0;this.animationSpeed=1};PIXI.MovieClip.constructor=PIXI.MovieClip;PIXI.MovieClip.prototype=Object.create(PIXI.Sprite.prototype);PIXI.MovieClip.prototype.stop=function(){this.playing=!1};PIXI.MovieClip.prototype.play=function(){this.playing=!0};PIXI.MovieClip.prototype.gotoAndStop=function(b){this.playing=!1;this.currentFrame=b;this.setTexture(this.textures[(this.currentFrame+0.5|0)%this.textures.length])};
+PIXI.MovieClip.prototype.gotoAndPlay=function(b){this.currentFrame=b;this.playing=!0};PIXI.MovieClip.prototype.updateTransform=function(){PIXI.Sprite.prototype.updateTransform.call(this);this.playing&&(this.currentFrame+=this.animationSpeed,this.setTexture(this.textures[(this.currentFrame+0.5|0)%this.textures.length]))};PIXI=PIXI||{};PIXI.BaseTextureCache={};PIXI.texturesToUpdate=[];PIXI.BaseTexture=function(b){PIXI.EventTarget.call(this);this.imageUrl=b;this.image=new Image;var c=this;this.image.onload=function(){c.hasLoaded=!0;c.width=c.image.width;c.height=c.image.height;PIXI.texturesToUpdate.push(c);c.dispatchEvent({type:"loaded",content:c})};$.proxy(this.onImageLoaded,this);this.image.src=b;this.height=this.width=100;PIXI.BaseTextureCache[b]=this};PIXI.BaseTexture.constructor=PIXI.BaseTexture;PIXI=PIXI||{};PIXI.TextureCache={};PIXI.FrameCache={};PIXI.Texture=function(b,c){PIXI.EventTarget.call(this);c||(this.noFrame=!0,c=new PIXI.Rectangle(0,0,1,1));this.baseTexture=b;this.frame=c;this.scope=this;if(b.hasLoaded)c||(c=new PIXI.Rectangle(0,0,b.width,b.height)),this.setFrame(c);else{var f=this;b.addEventListener("loaded",function(){f.onBaseTextureLoaded()})}};PIXI.Texture.constructor=PIXI.Texture;
+PIXI.Texture.prototype.onBaseTextureLoaded=function(){var b=this.baseTexture;b.removeEventListener("loaded",this.onLoaded);this.noFrame&&(this.frame=new PIXI.Rectangle(0,0,b.width,b.height));this.noFrame=!1;this.width=this.frame.width;this.height=this.frame.height;this.scope.dispatchEvent({type:"update",content:this})};PIXI.Texture.prototype.setFrame=function(b){this.frame=b;this.width=b.width;this.height=b.height};
+PIXI.Texture.fromImage=function(b){var c=PIXI.TextureCache[b];c||((c=PIXI.BaseTextureCache[b])||(c=new PIXI.BaseTexture(b)),c=new PIXI.Texture(c),PIXI.TextureCache[b]=c);return c};PIXI.Texture.fromFrameId=function(b){var c=PIXI.TextureCache[b];if(!c)throw Error("The frameId '"+b+"' does not exist in the texture cache"+this);return c};PIXI.Texture.addTextureToCache=function(b,c){PIXI.TextureCache[c]=b};PIXI.Texture.addTextureToCache=function(b){PIXI.TextureCache[b]=texture};PIXI=PIXI||{};PIXI.autoDetectRenderer=function(b,c){b||(b=800);c||(c=600);var f;try{f=!!window.WebGLRenderingContext&&!!document.createElement("canvas").getContext("experimental-webgl")}catch(e){f=!1}return f?new PIXI.WebGLRenderer(b,c):new PIXI.CanvasRenderer(b,c)};PIXI=PIXI||{};PIXI.SpriteSheetLoader=function(b){PIXI.EventTarget.call(this);this.url=b;this.baseUrl=b.replace(/[^\/]*$/,"");this.texture;this.frames={}};PIXI.SpriteSheetLoader.constructor=PIXI.SpriteSheetLoader;PIXI.SpriteSheetLoader.prototype.load=function(){this.ajaxRequest=new AjaxRequest;var b=this;this.ajaxRequest.onreadystatechange=function(){b.onLoaded()};this.ajaxRequest.open("GET",this.url,!0);this.ajaxRequest.send(null)};
+PIXI.SpriteSheetLoader.prototype.onLoaded=function(){if(4==this.ajaxRequest.readyState&&(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))){var b=eval("("+this.ajaxRequest.responseText+")");this.texture=PIXI.Texture.fromImage(this.baseUrl+b.meta.image).baseTexture;var b=b.frames,c;for(c in b){var f=b[c].frame;PIXI.TextureCache[c]=new PIXI.Texture(this.texture,{x:f.x,y:f.y,width:f.w,height:f.h})}if(this.texture.hasLoaded)this.dispatchEvent({type:"loaded",content:this});else{var e=
+this;this.texture.addEventListener("loaded",function(){e.dispatchEvent({type:"loaded",content:e})})}}};PIXI=PIXI||{};PIXI.AssetLoader=function(b){PIXI.EventTarget.call(this);this.assetURLs=b;this.assets=[]};PIXI.AssetLoader.constructor=PIXI.AssetLoader;
+PIXI.AssetLoader.prototype.load=function(){this.loadCount=this.assetURLs.length;for(var b=["jpeg","jpg","png","gif"],c=["json"],f=0;f<this.assetURLs.length;f++){for(var e=this.assetURLs[f],g=e.split(".").pop().toLowerCase(),h,k=0;k<b.length;k++)if(g==b[k]){h="img";break}if(!h)for(k=0;k<c.length;k++)if(g==c[k]){h="atlas";break}if("img"==h)if(e=PIXI.Texture.fromImage(e),e.hasLoaded)this.loadCount--;else{var l=this;e.baseTexture.addEventListener("loaded",function(){l.onAssetLoaded()});this.assets.push(e)}else if("atlas"==
+h)e=new PIXI.SpriteSheetLoader(e),this.assets.push(e),l=this,e.addEventListener("loaded",function(){l.onAssetLoaded()}),e.load();else throw Error(e+" is an unsupported file type "+this);}};PIXI.AssetLoader.prototype.onAssetLoaded=function(){this.loadCount--;this.dispatchEvent({type:"progress",content:this});0==this.loadCount&&this.dispatchEvent({type:"loaded",content:this})};
\ No newline at end of file
diff --git a/examples/bunny benchmark/js/pixi.min.js b/examples/bunny benchmark/js/pixi.min.js
deleted file mode 100644
index e5e2ed5..0000000
--- a/examples/bunny benchmark/js/pixi.min.js	
+++ /dev/null
@@ -1,84 +0,0 @@
-window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(c){window.setTimeout(c,1E3/60)}}();var AjaxRequest=function(){var c=["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];if(window.ActiveXObject)for(var d=0;d<c.length;d++)try{return new ActiveXObject(c[d])}catch(f){}else return window.XMLHttpRequest?new XMLHttpRequest:!1};var PIXI=PIXI||{};PIXI.EventTarget=function(){var c={};this.addEventListener=function(d,f){void 0===c[d]&&(c[d]=[]);-1===c[d].indexOf(f)&&c[d].push(f)};this.dispatchEvent=function(d){for(var f in c[d.type])c[d.type][f](d)};this.removeEventListener=function(d,f){var g=c[d].indexOf(f);-1!==g&&c[d].splice(g,1)}};(function(c,d){"object"===typeof exports?module.exports=d(global):"function"===typeof define&&define.amd?define([],function(){return d(c)}):d(c)})(this,function(c){function d(a){return l=a}function f(){return l="undefined"!==typeof Float32Array?Float32Array:Array}var g={};if("undefined"!=typeof Float32Array){var m=new Float32Array(1),p=new Int32Array(m.buffer);g.invsqrt=function(a){m[0]=a;p[0]=1597463007-(p[0]>>1);var b=m[0];return b*(1.5-0.5*a*b*b)}}else g.invsqrt=function(a){return 1/Math.sqrt(a)};
-var l=null;f();var j={create:function(a){var b=new l(3);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2]):b[0]=b[1]=b[2]=0;return b},createFrom:function(a,b,e){var c=new l(3);c[0]=a;c[1]=b;c[2]=e;return c},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])},add:function(a,b,e){if(!e||a===e)return a[0]+=b[0],a[1]+=b[1],a[2]+=b[2],a;e[0]=a[0]+b[0];e[1]=a[1]+b[1];e[2]=a[2]+b[2];return e},subtract:function(a,
-b,e){if(!e||a===e)return a[0]-=b[0],a[1]-=b[1],a[2]-=b[2],a;e[0]=a[0]-b[0];e[1]=a[1]-b[1];e[2]=a[2]-b[2];return e},multiply:function(a,b,e){if(!e||a===e)return a[0]*=b[0],a[1]*=b[1],a[2]*=b[2],a;e[0]=a[0]*b[0];e[1]=a[1]*b[1];e[2]=a[2]*b[2];return e},negate:function(a,b){b||(b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];return b},scale:function(a,b,e){if(!e||a===e)return a[0]*=b,a[1]*=b,a[2]*=b,a;e[0]=a[0]*b;e[1]=a[1]*b;e[2]=a[2]*b;return e},normalize:function(a,b){b||(b=a);var e=a[0],c=a[1],d=a[2],k=Math.sqrt(e*
-e+c*c+d*d);if(!k)return b[0]=0,b[1]=0,b[2]=0,b;if(1===k)return b[0]=e,b[1]=c,b[2]=d,b;k=1/k;b[0]=e*k;b[1]=c*k;b[2]=d*k;return b},cross:function(a,b,e){e||(e=a);var c=a[0],d=a[1];a=a[2];var k=b[0],h=b[1];b=b[2];e[0]=d*b-a*h;e[1]=a*k-c*b;e[2]=c*h-d*k;return e},length:function(a){var b=a[0],e=a[1];a=a[2];return Math.sqrt(b*b+e*e+a*a)},squaredLength:function(a){var b=a[0],e=a[1];a=a[2];return b*b+e*e+a*a},dot:function(a,b){return a[0]*b[0]+a[1]*b[1]+a[2]*b[2]},direction:function(a,b,e){e||(e=a);var c=
-a[0]-b[0],d=a[1]-b[1];a=a[2]-b[2];b=Math.sqrt(c*c+d*d+a*a);if(!b)return e[0]=0,e[1]=0,e[2]=0,e;b=1/b;e[0]=c*b;e[1]=d*b;e[2]=a*b;return e},lerp:function(a,b,e,c){c||(c=a);c[0]=a[0]+e*(b[0]-a[0]);c[1]=a[1]+e*(b[1]-a[1]);c[2]=a[2]+e*(b[2]-a[2]);return c},dist:function(a,b){var e=b[0]-a[0],c=b[1]-a[1],d=b[2]-a[2];return Math.sqrt(e*e+c*c+d*d)}},x=null,n=new l(4);j.unproject=function(a,b,e,c,d){d||(d=a);x||(x=y.create());var k=x;n[0]=2*(a[0]-c[0])/c[2]-1;n[1]=2*(a[1]-c[1])/c[3]-1;n[2]=2*a[2]-1;n[3]=1;
-y.multiply(e,b,k);if(!y.inverse(k))return null;y.multiplyVec4(k,n);if(0===n[3])return null;d[0]=n[0]/n[3];d[1]=n[1]/n[3];d[2]=n[2]/n[3];return d};var z=j.createFrom(1,0,0),A=j.createFrom(0,1,0),H=j.createFrom(0,0,1),C=j.create();j.rotationTo=function(a,b,e){e||(e=s.create());var c=j.dot(a,b);if(1<=c)s.set(O,e);else if(-0.999999>c)j.cross(z,a,C),1E-6>j.length(C)&&j.cross(A,a,C),1E-6>j.length(C)&&j.cross(H,a,C),j.normalize(C),s.fromAngleAxis(Math.PI,C,e);else{var c=Math.sqrt(2*(1+c)),d=1/c;j.cross(a,
-b,C);e[0]=C[0]*d;e[1]=C[1]*d;e[2]=C[2]*d;e[3]=0.5*c;s.normalize(e)}1<e[3]?e[3]=1:-1>e[3]&&(e[3]=-1);return e};j.str=function(a){return"["+a[0]+", "+a[1]+", "+a[2]+"]"};var F={create:function(a){var b=new l(9);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3],b[4]=a[4],b[5]=a[5],b[6]=a[6],b[7]=a[7],b[8]=a[8]):b[0]=b[1]=b[2]=b[3]=b[4]=b[5]=b[6]=b[7]=b[8]=0;return b},createFrom:function(a,b,e,c,d,k,h,E,K){var q=new l(9);q[0]=a;q[1]=b;q[2]=e;q[3]=c;q[4]=d;q[5]=k;q[6]=h;q[7]=E;q[8]=K;return q},determinant:function(a){var b=
-a[3],e=a[4],c=a[5],d=a[6],k=a[7],h=a[8];return a[0]*(h*e-c*k)+a[1]*(-h*b+c*d)+a[2]*(k*b-e*d)},inverse:function(a,b){var e=a[0],c=a[1],d=a[2],k=a[3],h=a[4],E=a[5],K=a[6],q=a[7],f=a[8],g=f*h-E*q,j=-f*k+E*K,J=q*k-h*K,r=e*g+c*j+d*J;if(!r)return null;r=1/r;b||(b=F.create());b[0]=g*r;b[1]=(-f*c+d*q)*r;b[2]=(E*c-d*h)*r;b[3]=j*r;b[4]=(f*e-d*K)*r;b[5]=(-E*e+d*k)*r;b[6]=J*r;b[7]=(-q*e+c*K)*r;b[8]=(h*e-c*k)*r;return b},multiply:function(a,b,e){e||(e=a);var c=a[0],d=a[1],k=a[2],h=a[3],E=a[4],f=a[5],q=a[6],g=
-a[7];a=a[8];var u=b[0],j=b[1],J=b[2],r=b[3],l=b[4],t=b[5],m=b[6],p=b[7];b=b[8];e[0]=u*c+j*h+J*q;e[1]=u*d+j*E+J*g;e[2]=u*k+j*f+J*a;e[3]=r*c+l*h+t*q;e[4]=r*d+l*E+t*g;e[5]=r*k+l*f+t*a;e[6]=m*c+p*h+b*q;e[7]=m*d+p*E+b*g;e[8]=m*k+p*f+b*a;return e},multiplyVec2:function(a,b,e){e||(e=b);var c=b[0];b=b[1];e[0]=c*a[0]+b*a[3]+a[6];e[1]=c*a[1]+b*a[4]+a[7];return e},multiplyVec3:function(a,b,e){e||(e=b);var c=b[0],d=b[1];b=b[2];e[0]=c*a[0]+d*a[3]+b*a[6];e[1]=c*a[1]+d*a[4]+b*a[7];e[2]=c*a[2]+d*a[5]+b*a[8];return e},
-set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])&&1E-6>Math.abs(a[4]-b[4])&&1E-6>Math.abs(a[5]-b[5])&&1E-6>Math.abs(a[6]-b[6])&&1E-6>Math.abs(a[7]-b[7])&&1E-6>Math.abs(a[8]-b[8])},identity:function(a){a||(a=F.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;a[4]=1;a[5]=0;a[6]=0;a[7]=0;a[8]=1;return a},transpose:function(a,
-b){if(!b||a===b){var e=a[1],c=a[2],d=a[5];a[1]=a[3];a[2]=a[6];a[3]=e;a[5]=a[7];a[6]=c;a[7]=d;return a}b[0]=a[0];b[1]=a[3];b[2]=a[6];b[3]=a[1];b[4]=a[4];b[5]=a[7];b[6]=a[2];b[7]=a[5];b[8]=a[8];return b},toMat4:function(a,b){b||(b=y.create());b[15]=1;b[14]=0;b[13]=0;b[12]=0;b[11]=0;b[10]=a[8];b[9]=a[7];b[8]=a[6];b[7]=0;b[6]=a[5];b[5]=a[4];b[4]=a[3];b[3]=0;b[2]=a[2];b[1]=a[1];b[0]=a[0];return b},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+", "+a[4]+", "+a[5]+", "+a[6]+", "+a[7]+", "+
-a[8]+"]"}},y={create:function(a){var b=new l(16);a&&(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3],b[4]=a[4],b[5]=a[5],b[6]=a[6],b[7]=a[7],b[8]=a[8],b[9]=a[9],b[10]=a[10],b[11]=a[11],b[12]=a[12],b[13]=a[13],b[14]=a[14],b[15]=a[15]);return b},createFrom:function(a,b,e,c,d,k,h,E,f,q,g,u,j,J,r,m){var t=new l(16);t[0]=a;t[1]=b;t[2]=e;t[3]=c;t[4]=d;t[5]=k;t[6]=h;t[7]=E;t[8]=f;t[9]=q;t[10]=g;t[11]=u;t[12]=j;t[13]=J;t[14]=r;t[15]=m;return t},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];
-b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];b[9]=a[9];b[10]=a[10];b[11]=a[11];b[12]=a[12];b[13]=a[13];b[14]=a[14];b[15]=a[15];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])&&1E-6>Math.abs(a[4]-b[4])&&1E-6>Math.abs(a[5]-b[5])&&1E-6>Math.abs(a[6]-b[6])&&1E-6>Math.abs(a[7]-b[7])&&1E-6>Math.abs(a[8]-b[8])&&1E-6>Math.abs(a[9]-b[9])&&1E-6>Math.abs(a[10]-b[10])&&1E-6>Math.abs(a[11]-b[11])&&1E-6>Math.abs(a[12]-
-b[12])&&1E-6>Math.abs(a[13]-b[13])&&1E-6>Math.abs(a[14]-b[14])&&1E-6>Math.abs(a[15]-b[15])},identity:function(a){a||(a=y.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;a[4]=0;a[5]=1;a[6]=0;a[7]=0;a[8]=0;a[9]=0;a[10]=1;a[11]=0;a[12]=0;a[13]=0;a[14]=0;a[15]=1;return a},transpose:function(a,b){if(!b||a===b){var e=a[1],c=a[2],d=a[3],k=a[6],h=a[7],E=a[11];a[1]=a[4];a[2]=a[8];a[3]=a[12];a[4]=e;a[6]=a[9];a[7]=a[13];a[8]=c;a[9]=k;a[11]=a[14];a[12]=d;a[13]=h;a[14]=E;return a}b[0]=a[0];b[1]=a[4];b[2]=a[8];b[3]=a[12];
-b[4]=a[1];b[5]=a[5];b[6]=a[9];b[7]=a[13];b[8]=a[2];b[9]=a[6];b[10]=a[10];b[11]=a[14];b[12]=a[3];b[13]=a[7];b[14]=a[11];b[15]=a[15];return b},determinant:function(a){var b=a[0],e=a[1],c=a[2],d=a[3],k=a[4],h=a[5],E=a[6],f=a[7],g=a[8],I=a[9],u=a[10],j=a[11],l=a[12],r=a[13],m=a[14];a=a[15];return l*I*E*d-g*r*E*d-l*h*u*d+k*r*u*d+g*h*m*d-k*I*m*d-l*I*c*f+g*r*c*f+l*e*u*f-b*r*u*f-g*e*m*f+b*I*m*f+l*h*c*j-k*r*c*j-l*e*E*j+b*r*E*j+k*e*m*j-b*h*m*j-g*h*c*a+k*I*c*a+g*e*E*a-b*I*E*a-k*e*u*a+b*h*u*a},inverse:function(a,
-b){b||(b=a);var e=a[0],c=a[1],d=a[2],k=a[3],h=a[4],f=a[5],g=a[6],q=a[7],I=a[8],u=a[9],j=a[10],l=a[11],r=a[12],m=a[13],t=a[14],p=a[15],s=e*f-c*h,n=e*g-d*h,v=e*q-k*h,w=c*g-d*f,x=c*q-k*f,y=d*q-k*g,z=I*m-u*r,A=I*t-j*r,C=I*p-l*r,D=u*t-j*m,F=u*p-l*m,H=j*p-l*t,G=s*H-n*F+v*D+w*C-x*A+y*z;if(!G)return null;G=1/G;b[0]=(f*H-g*F+q*D)*G;b[1]=(-c*H+d*F-k*D)*G;b[2]=(m*y-t*x+p*w)*G;b[3]=(-u*y+j*x-l*w)*G;b[4]=(-h*H+g*C-q*A)*G;b[5]=(e*H-d*C+k*A)*G;b[6]=(-r*y+t*v-p*n)*G;b[7]=(I*y-j*v+l*n)*G;b[8]=(h*F-f*C+q*z)*G;b[9]=
-(-e*F+c*C-k*z)*G;b[10]=(r*x-m*v+p*s)*G;b[11]=(-I*x+u*v-l*s)*G;b[12]=(-h*D+f*A-g*z)*G;b[13]=(e*D-c*A+d*z)*G;b[14]=(-r*w+m*n-t*s)*G;b[15]=(I*w-u*n+j*s)*G;return b},toRotationMat:function(a,b){b||(b=y.create());b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];b[9]=a[9];b[10]=a[10];b[11]=a[11];b[12]=0;b[13]=0;b[14]=0;b[15]=1;return b},toMat3:function(a,b){b||(b=F.create());b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[4];b[4]=a[5];b[5]=a[6];b[6]=a[8];b[7]=a[9];b[8]=a[10];
-return b},toInverseMat3:function(a,b){var e=a[0],c=a[1],d=a[2],k=a[4],h=a[5],f=a[6],g=a[8],q=a[9],j=a[10],u=j*h-f*q,l=-j*k+f*g,m=q*k-h*g,r=e*u+c*l+d*m;if(!r)return null;r=1/r;b||(b=F.create());b[0]=u*r;b[1]=(-j*c+d*q)*r;b[2]=(f*c-d*h)*r;b[3]=l*r;b[4]=(j*e-d*g)*r;b[5]=(-f*e+d*k)*r;b[6]=m*r;b[7]=(-q*e+c*g)*r;b[8]=(h*e-c*k)*r;return b},multiply:function(a,b,e){e||(e=a);var c=a[0],d=a[1],k=a[2],h=a[3],f=a[4],g=a[5],q=a[6],j=a[7],u=a[8],l=a[9],m=a[10],r=a[11],p=a[12],t=a[13],s=a[14];a=a[15];var n=b[0],
-B=b[1],v=b[2],w=b[3];e[0]=n*c+B*f+v*u+w*p;e[1]=n*d+B*g+v*l+w*t;e[2]=n*k+B*q+v*m+w*s;e[3]=n*h+B*j+v*r+w*a;n=b[4];B=b[5];v=b[6];w=b[7];e[4]=n*c+B*f+v*u+w*p;e[5]=n*d+B*g+v*l+w*t;e[6]=n*k+B*q+v*m+w*s;e[7]=n*h+B*j+v*r+w*a;n=b[8];B=b[9];v=b[10];w=b[11];e[8]=n*c+B*f+v*u+w*p;e[9]=n*d+B*g+v*l+w*t;e[10]=n*k+B*q+v*m+w*s;e[11]=n*h+B*j+v*r+w*a;n=b[12];B=b[13];v=b[14];w=b[15];e[12]=n*c+B*f+v*u+w*p;e[13]=n*d+B*g+v*l+w*t;e[14]=n*k+B*q+v*m+w*s;e[15]=n*h+B*j+v*r+w*a;return e},multiplyVec3:function(a,b,e){e||(e=b);
-var c=b[0],d=b[1];b=b[2];e[0]=a[0]*c+a[4]*d+a[8]*b+a[12];e[1]=a[1]*c+a[5]*d+a[9]*b+a[13];e[2]=a[2]*c+a[6]*d+a[10]*b+a[14];return e},multiplyVec4:function(a,b,e){e||(e=b);var c=b[0],d=b[1],k=b[2];b=b[3];e[0]=a[0]*c+a[4]*d+a[8]*k+a[12]*b;e[1]=a[1]*c+a[5]*d+a[9]*k+a[13]*b;e[2]=a[2]*c+a[6]*d+a[10]*k+a[14]*b;e[3]=a[3]*c+a[7]*d+a[11]*k+a[15]*b;return e},translate:function(a,b,e){var c=b[0],d=b[1];b=b[2];var k,h,f,g,q,j,u,l,m,n,p,s;if(!e||a===e)return a[12]=a[0]*c+a[4]*d+a[8]*b+a[12],a[13]=a[1]*c+a[5]*d+
-a[9]*b+a[13],a[14]=a[2]*c+a[6]*d+a[10]*b+a[14],a[15]=a[3]*c+a[7]*d+a[11]*b+a[15],a;k=a[0];h=a[1];f=a[2];g=a[3];q=a[4];j=a[5];u=a[6];l=a[7];m=a[8];n=a[9];p=a[10];s=a[11];e[0]=k;e[1]=h;e[2]=f;e[3]=g;e[4]=q;e[5]=j;e[6]=u;e[7]=l;e[8]=m;e[9]=n;e[10]=p;e[11]=s;e[12]=k*c+q*d+m*b+a[12];e[13]=h*c+j*d+n*b+a[13];e[14]=f*c+u*d+p*b+a[14];e[15]=g*c+l*d+s*b+a[15];return e},scale:function(a,b,e){var c=b[0],d=b[1];b=b[2];if(!e||a===e)return a[0]*=c,a[1]*=c,a[2]*=c,a[3]*=c,a[4]*=d,a[5]*=d,a[6]*=d,a[7]*=d,a[8]*=b,a[9]*=
-b,a[10]*=b,a[11]*=b,a;e[0]=a[0]*c;e[1]=a[1]*c;e[2]=a[2]*c;e[3]=a[3]*c;e[4]=a[4]*d;e[5]=a[5]*d;e[6]=a[6]*d;e[7]=a[7]*d;e[8]=a[8]*b;e[9]=a[9]*b;e[10]=a[10]*b;e[11]=a[11]*b;e[12]=a[12];e[13]=a[13];e[14]=a[14];e[15]=a[15];return e},rotate:function(a,b,e,c){var d=e[0],k=e[1];e=e[2];var h=Math.sqrt(d*d+k*k+e*e),f,g,q,j,l,m,n,r,p,s,x,y,B,v,w,z,A,C,D,F;if(!h)return null;1!==h&&(h=1/h,d*=h,k*=h,e*=h);f=Math.sin(b);g=Math.cos(b);q=1-g;b=a[0];h=a[1];j=a[2];l=a[3];m=a[4];n=a[5];r=a[6];p=a[7];s=a[8];x=a[9];y=
-a[10];B=a[11];v=d*d*q+g;w=k*d*q+e*f;z=e*d*q-k*f;A=d*k*q-e*f;C=k*k*q+g;D=e*k*q+d*f;F=d*e*q+k*f;d=k*e*q-d*f;k=e*e*q+g;c?a!==c&&(c[12]=a[12],c[13]=a[13],c[14]=a[14],c[15]=a[15]):c=a;c[0]=b*v+m*w+s*z;c[1]=h*v+n*w+x*z;c[2]=j*v+r*w+y*z;c[3]=l*v+p*w+B*z;c[4]=b*A+m*C+s*D;c[5]=h*A+n*C+x*D;c[6]=j*A+r*C+y*D;c[7]=l*A+p*C+B*D;c[8]=b*F+m*d+s*k;c[9]=h*F+n*d+x*k;c[10]=j*F+r*d+y*k;c[11]=l*F+p*d+B*k;return c},rotateX:function(a,b,e){var c=Math.sin(b);b=Math.cos(b);var d=a[4],k=a[5],h=a[6],f=a[7],g=a[8],q=a[9],j=a[10],
-l=a[11];e?a!==e&&(e[0]=a[0],e[1]=a[1],e[2]=a[2],e[3]=a[3],e[12]=a[12],e[13]=a[13],e[14]=a[14],e[15]=a[15]):e=a;e[4]=d*b+g*c;e[5]=k*b+q*c;e[6]=h*b+j*c;e[7]=f*b+l*c;e[8]=d*-c+g*b;e[9]=k*-c+q*b;e[10]=h*-c+j*b;e[11]=f*-c+l*b;return e},rotateY:function(a,b,e){var c=Math.sin(b);b=Math.cos(b);var d=a[0],k=a[1],h=a[2],f=a[3],g=a[8],j=a[9],l=a[10],m=a[11];e?a!==e&&(e[4]=a[4],e[5]=a[5],e[6]=a[6],e[7]=a[7],e[12]=a[12],e[13]=a[13],e[14]=a[14],e[15]=a[15]):e=a;e[0]=d*b+g*-c;e[1]=k*b+j*-c;e[2]=h*b+l*-c;e[3]=f*
-b+m*-c;e[8]=d*c+g*b;e[9]=k*c+j*b;e[10]=h*c+l*b;e[11]=f*c+m*b;return e},rotateZ:function(a,b,e){var c=Math.sin(b);b=Math.cos(b);var d=a[0],k=a[1],h=a[2],f=a[3],g=a[4],j=a[5],l=a[6],m=a[7];e?a!==e&&(e[8]=a[8],e[9]=a[9],e[10]=a[10],e[11]=a[11],e[12]=a[12],e[13]=a[13],e[14]=a[14],e[15]=a[15]):e=a;e[0]=d*b+g*c;e[1]=k*b+j*c;e[2]=h*b+l*c;e[3]=f*b+m*c;e[4]=d*-c+g*b;e[5]=k*-c+j*b;e[6]=h*-c+l*b;e[7]=f*-c+m*b;return e},frustum:function(a,b,e,c,d,k,h){h||(h=y.create());var f=b-a,g=c-e,j=k-d;h[0]=2*d/f;h[1]=0;
-h[2]=0;h[3]=0;h[4]=0;h[5]=2*d/g;h[6]=0;h[7]=0;h[8]=(b+a)/f;h[9]=(c+e)/g;h[10]=-(k+d)/j;h[11]=-1;h[12]=0;h[13]=0;h[14]=-(2*k*d)/j;h[15]=0;return h},perspective:function(a,b,e,c,d){a=e*Math.tan(a*Math.PI/360);b*=a;return y.frustum(-b,b,-a,a,e,c,d)},ortho:function(a,b,e,c,d,k,h){h||(h=y.create());var f=b-a,g=c-e,j=k-d;h[0]=2/f;h[1]=0;h[2]=0;h[3]=0;h[4]=0;h[5]=2/g;h[6]=0;h[7]=0;h[8]=0;h[9]=0;h[10]=-2/j;h[11]=0;h[12]=-(a+b)/f;h[13]=-(c+e)/g;h[14]=-(k+d)/j;h[15]=1;return h},lookAt:function(a,b,e,c){c||
-(c=y.create());var d,k,h,f,g,j,l,m,n=a[0],p=a[1];a=a[2];h=e[0];f=e[1];k=e[2];l=b[0];e=b[1];d=b[2];if(n===l&&p===e&&a===d)return y.identity(c);b=n-l;e=p-e;l=a-d;m=1/Math.sqrt(b*b+e*e+l*l);b*=m;e*=m;l*=m;d=f*l-k*e;k=k*b-h*l;h=h*e-f*b;(m=Math.sqrt(d*d+k*k+h*h))?(m=1/m,d*=m,k*=m,h*=m):h=k=d=0;f=e*h-l*k;g=l*d-b*h;j=b*k-e*d;(m=Math.sqrt(f*f+g*g+j*j))?(m=1/m,f*=m,g*=m,j*=m):j=g=f=0;c[0]=d;c[1]=f;c[2]=b;c[3]=0;c[4]=k;c[5]=g;c[6]=e;c[7]=0;c[8]=h;c[9]=j;c[10]=l;c[11]=0;c[12]=-(d*n+k*p+h*a);c[13]=-(f*n+g*p+
-j*a);c[14]=-(b*n+e*p+l*a);c[15]=1;return c},fromRotationTranslation:function(a,b,e){e||(e=y.create());var c=a[0],d=a[1],k=a[2],h=a[3],f=c+c,g=d+d,j=k+k;a=c*f;var l=c*g,c=c*j,m=d*g,d=d*j,k=k*j,f=h*f,g=h*g,h=h*j;e[0]=1-(m+k);e[1]=l+h;e[2]=c-g;e[3]=0;e[4]=l-h;e[5]=1-(a+k);e[6]=d+f;e[7]=0;e[8]=c+g;e[9]=d-f;e[10]=1-(a+m);e[11]=0;e[12]=b[0];e[13]=b[1];e[14]=b[2];e[15]=1;return e},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+", "+a[4]+", "+a[5]+", "+a[6]+", "+a[7]+", "+a[8]+", "+a[9]+", "+
-a[10]+", "+a[11]+", "+a[12]+", "+a[13]+", "+a[14]+", "+a[15]+"]"}},s={create:function(a){var b=new l(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):b[0]=b[1]=b[2]=b[3]=0;return b},createFrom:function(a,b,e,c){var d=new l(4);d[0]=a;d[1]=b;d[2]=e;d[3]=c;return d},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])},identity:function(a){a||(a=s.create());
-a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a}},O=s.identity();s.calculateW=function(a,b){var e=a[0],c=a[1],d=a[2];if(!b||a===b)return a[3]=-Math.sqrt(Math.abs(1-e*e-c*c-d*d)),a;b[0]=e;b[1]=c;b[2]=d;b[3]=-Math.sqrt(Math.abs(1-e*e-c*c-d*d));return b};s.dot=function(a,b){return a[0]*b[0]+a[1]*b[1]+a[2]*b[2]+a[3]*b[3]};s.inverse=function(a,b){var e=a[0],c=a[1],d=a[2],f=a[3],e=(e=e*e+c*c+d*d+f*f)?1/e:0;if(!b||a===b)return a[0]*=-e,a[1]*=-e,a[2]*=-e,a[3]*=e,a;b[0]=-a[0]*e;b[1]=-a[1]*e;b[2]=-a[2]*e;b[3]=a[3]*e;
-return b};s.conjugate=function(a,b){if(!b||a===b)return a[0]*=-1,a[1]*=-1,a[2]*=-1,a;b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=a[3];return b};s.length=function(a){var b=a[0],e=a[1],c=a[2];a=a[3];return Math.sqrt(b*b+e*e+c*c+a*a)};s.normalize=function(a,b){b||(b=a);var e=a[0],c=a[1],d=a[2],f=a[3],h=Math.sqrt(e*e+c*c+d*d+f*f);if(0===h)return b[0]=0,b[1]=0,b[2]=0,b[3]=0,b;h=1/h;b[0]=e*h;b[1]=c*h;b[2]=d*h;b[3]=f*h;return b};s.add=function(a,b,e){if(!e||a===e)return a[0]+=b[0],a[1]+=b[1],a[2]+=b[2],a[3]+=
-b[3],a;e[0]=a[0]+b[0];e[1]=a[1]+b[1];e[2]=a[2]+b[2];e[3]=a[3]+b[3];return e};s.multiply=function(a,b,e){e||(e=a);var c=a[0],d=a[1],f=a[2];a=a[3];var h=b[0],g=b[1],j=b[2];b=b[3];e[0]=c*b+a*h+d*j-f*g;e[1]=d*b+a*g+f*h-c*j;e[2]=f*b+a*j+c*g-d*h;e[3]=a*b-c*h-d*g-f*j;return e};s.multiplyVec3=function(a,b,e){e||(e=b);var c=b[0],d=b[1],f=b[2];b=a[0];var h=a[1],g=a[2];a=a[3];var j=a*c+h*f-g*d,l=a*d+g*c-b*f,m=a*f+b*d-h*c,c=-b*c-h*d-g*f;e[0]=j*a+c*-b+l*-g-m*-h;e[1]=l*a+c*-h+m*-b-j*-g;e[2]=m*a+c*-g+j*-h-l*-b;
-return e};s.scale=function(a,b,e){if(!e||a===e)return a[0]*=b,a[1]*=b,a[2]*=b,a[3]*=b,a;e[0]=a[0]*b;e[1]=a[1]*b;e[2]=a[2]*b;e[3]=a[3]*b;return e};s.toMat3=function(a,b){b||(b=F.create());var e=a[0],c=a[1],d=a[2],f=a[3],h=e+e,g=c+c,j=d+d,l=e*h,m=e*g,e=e*j,n=c*g,c=c*j,d=d*j,h=f*h,g=f*g,f=f*j;b[0]=1-(n+d);b[1]=m+f;b[2]=e-g;b[3]=m-f;b[4]=1-(l+d);b[5]=c+h;b[6]=e+g;b[7]=c-h;b[8]=1-(l+n);return b};s.toMat4=function(a,b){b||(b=y.create());var e=a[0],c=a[1],d=a[2],f=a[3],g=e+e,j=c+c,l=d+d,m=e*g,n=e*j,e=e*
-l,p=c*j,c=c*l,d=d*l,g=f*g,j=f*j,f=f*l;b[0]=1-(p+d);b[1]=n+f;b[2]=e-j;b[3]=0;b[4]=n-f;b[5]=1-(m+d);b[6]=c+g;b[7]=0;b[8]=e+j;b[9]=c-g;b[10]=1-(m+p);b[11]=0;b[12]=0;b[13]=0;b[14]=0;b[15]=1;return b};s.slerp=function(a,b,c,d){d||(d=a);var f=a[0]*b[0]+a[1]*b[1]+a[2]*b[2]+a[3]*b[3],g,h;if(1<=Math.abs(f))return d!==a&&(d[0]=a[0],d[1]=a[1],d[2]=a[2],d[3]=a[3]),d;g=Math.acos(f);h=Math.sqrt(1-f*f);if(0.001>Math.abs(h))return d[0]=0.5*a[0]+0.5*b[0],d[1]=0.5*a[1]+0.5*b[1],d[2]=0.5*a[2]+0.5*b[2],d[3]=0.5*a[3]+
-0.5*b[3],d;f=Math.sin((1-c)*g)/h;c=Math.sin(c*g)/h;d[0]=a[0]*f+b[0]*c;d[1]=a[1]*f+b[1]*c;d[2]=a[2]*f+b[2]*c;d[3]=a[3]*f+b[3]*c;return d};s.fromRotationMatrix=function(a,b){b||(b=s.create());var c=a[0]+a[4]+a[8],d;if(0<c)d=Math.sqrt(c+1),b[3]=0.5*d,d=0.5/d,b[0]=(a[7]-a[5])*d,b[1]=(a[2]-a[6])*d,b[2]=(a[3]-a[1])*d;else{d=s.fromRotationMatrix.s_iNext=s.fromRotationMatrix.s_iNext||[1,2,0];c=0;a[4]>a[0]&&(c=1);a[8]>a[3*c+c]&&(c=2);var f=d[c],g=d[f];d=Math.sqrt(a[3*c+c]-a[3*f+f]-a[3*g+g]+1);b[c]=0.5*d;d=
-0.5/d;b[3]=(a[3*g+f]-a[3*f+g])*d;b[f]=(a[3*f+c]+a[3*c+f])*d;b[g]=(a[3*g+c]+a[3*c+g])*d}return b};F.toQuat4=s.fromRotationMatrix;var D=F.create();s.fromAxes=function(a,b,c,d){D[0]=b[0];D[3]=b[1];D[6]=b[2];D[1]=c[0];D[4]=c[1];D[7]=c[2];D[2]=a[0];D[5]=a[1];D[8]=a[2];return s.fromRotationMatrix(D,d)};s.identity=function(a){a||(a=s.create());a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a};s.fromAngleAxis=function(a,b,c){c||(c=s.create());a*=0.5;var d=Math.sin(a);c[3]=Math.cos(a);c[0]=d*b[0];c[1]=d*b[1];c[2]=d*b[2];
-return c};s.toAngleAxis=function(a,b){b||(b=a);var c=a[0]*a[0]+a[1]*a[1]+a[2]*a[2];0<c?(b[3]=2*Math.acos(a[3]),c=g.invsqrt(c),b[0]=a[0]*c,b[1]=a[1]*c,b[2]=a[2]*c):(b[3]=0,b[0]=1,b[1]=0,b[2]=0);return b};s.str=function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"};var M={create:function(a){var b=new l(2);a?(b[0]=a[0],b[1]=a[1]):(b[0]=0,b[1]=0);return b},createFrom:function(a,b){var c=new l(2);c[0]=a;c[1]=b;return c},add:function(a,b,c){c||(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];return c},subtract:function(a,
-b,c){c||(c=b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];return c},multiply:function(a,b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;return c},dist:function(a,b){var c=b[0]-a[0],d=b[1]-a[1];return Math.sqrt(c*c+d*d)},set:function(a,b){b[0]=a[0];b[1]=a[1];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])},negate:function(a,b){b||(b=a);
-b[0]=-a[0];b[1]=-a[1];return b},normalize:function(a,b){b||(b=a);var c=a[0]*a[0]+a[1]*a[1];0<c?(c=Math.sqrt(c),b[0]=a[0]/c,b[1]=a[1]/c):b[0]=b[1]=0;return b},cross:function(a,b,c){a=a[0]*b[1]-a[1]*b[0];if(!c)return a;c[0]=c[1]=0;c[2]=a;return c},length:function(a){var b=a[0];a=a[1];return Math.sqrt(b*b+a*a)},squaredLength:function(a){var b=a[0];a=a[1];return b*b+a*a},dot:function(a,b){return a[0]*b[0]+a[1]*b[1]},direction:function(a,b,c){c||(c=a);var d=a[0]-b[0];a=a[1]-b[1];b=d*d+a*a;if(!b)return c[0]=
-0,c[1]=0,c[2]=0,c;b=1/Math.sqrt(b);c[0]=d*b;c[1]=a*b;return c},lerp:function(a,b,c,d){d||(d=a);d[0]=a[0]+c*(b[0]-a[0]);d[1]=a[1]+c*(b[1]-a[1]);return d},str:function(a){return"["+a[0]+", "+a[1]+"]"}},L={create:function(a){var b=new l(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):b[0]=b[1]=b[2]=b[3]=0;return b},createFrom:function(a,b,c,d){var f=new l(4);f[0]=a;f[1]=b;f[2]=c;f[3]=d;return f},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1E-6>
-Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])},identity:function(a){a||(a=L.create());a[0]=1;a[1]=0;a[2]=0;a[3]=1;return a},transpose:function(a,b){if(!b||a===b){var c=a[1];a[1]=a[2];a[2]=c;return a}b[0]=a[0];b[1]=a[2];b[2]=a[1];b[3]=a[3];return b},determinant:function(a){return a[0]*a[3]-a[2]*a[1]},inverse:function(a,b){b||(b=a);var c=a[0],d=a[1],f=a[2],g=a[3],h=c*g-f*d;if(!h)return null;h=1/h;b[0]=g*h;b[1]=-d*h;b[2]=-f*h;b[3]=c*h;return b},multiply:function(a,
-b,c){c||(c=a);var d=a[0],f=a[1],g=a[2];a=a[3];c[0]=d*b[0]+f*b[2];c[1]=d*b[1]+f*b[3];c[2]=g*b[0]+a*b[2];c[3]=g*b[1]+a*b[3];return c},rotate:function(a,b,c){c||(c=a);var d=a[0],f=a[1],g=a[2];a=a[3];var h=Math.sin(b);b=Math.cos(b);c[0]=d*b+f*h;c[1]=d*-h+f*b;c[2]=g*b+a*h;c[3]=g*-h+a*b;return c},multiplyVec2:function(a,b,c){c||(c=b);var d=b[0];b=b[1];c[0]=d*a[0]+b*a[1];c[1]=d*a[2]+b*a[3];return c},scale:function(a,b,c){c||(c=a);var d=a[1],f=a[2],g=a[3],h=b[0];b=b[1];c[0]=a[0]*h;c[1]=d*b;c[2]=f*h;c[3]=
-g*b;return c},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"}},N={create:function(a){var b=new l(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):(b[0]=0,b[1]=0,b[2]=0,b[3]=0);return b},createFrom:function(a,b,c,d){var f=new l(4);f[0]=a;f[1]=b;f[2]=c;f[3]=d;return f},add:function(a,b,c){c||(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];c[2]=a[2]+b[2];c[3]=a[3]+b[3];return c},subtract:function(a,b,c){c||(c=b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];c[2]=a[2]-b[2];c[3]=a[3]-b[3];return c},multiply:function(a,
-b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];c[2]=a[2]*b[2];c[3]=a[3]*b[3];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];c[2]=a[2]/b[2];c[3]=a[3]/b[3];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;c[2]=a[2]*b;c[3]=a[3]*b;return c},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1E-6>Math.abs(a[0]-b[0])&&1E-6>Math.abs(a[1]-b[1])&&1E-6>Math.abs(a[2]-b[2])&&1E-6>Math.abs(a[3]-b[3])},negate:function(a,b){b||
-(b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=-a[3];return b},length:function(a){var b=a[0],c=a[1],d=a[2];a=a[3];return Math.sqrt(b*b+c*c+d*d+a*a)},squaredLength:function(a){var b=a[0],c=a[1],d=a[2];a=a[3];return b*b+c*c+d*d+a*a},lerp:function(a,b,c,d){d||(d=a);d[0]=a[0]+c*(b[0]-a[0]);d[1]=a[1]+c*(b[1]-a[1]);d[2]=a[2]+c*(b[2]-a[2]);d[3]=a[3]+c*(b[3]-a[3]);return d},str:function(a){return"["+a[0]+", "+a[1]+", "+a[2]+", "+a[3]+"]"}};c&&(c.glMatrixArrayType=l,c.MatrixArray=l,c.setMatrixArrayType=d,c.determineMatrixArrayType=
-f,c.glMath=g,c.vec2=M,c.vec3=j,c.vec4=N,c.mat2=L,c.mat3=F,c.mat4=y,c.quat4=s);return{glMatrixArrayType:l,MatrixArray:l,setMatrixArrayType:d,determineMatrixArrayType:f,glMath:g,vec2:M,vec3:j,vec4:N,mat2:L,mat3:F,mat4:y,quat4:s}});PIXI=PIXI||{};PIXI.shaderFragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));","gl_FragColor = gl_FragColor * vColor;","}"];
-PIXI.shaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform mat4 uMVMatrix;","varying vec2 vTextureCoord;","varying float vColor;","void main(void) {","gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);","vTextureCoord = aTextureCoord;","vColor = aColor;","}"];
-PIXI.CompileVertexShader=function(c,d){for(var f="",g=0;g<d.length;g++)f+=d[g];g=c.createShader(c.VERTEX_SHADER);c.shaderSource(g,f);c.compileShader(g);return!c.getShaderParameter(g,c.COMPILE_STATUS)?(alert(c.getShaderInfoLog(g)),null):g};PIXI.CompileFragmentShader=function(c,d){for(var f="",g=0;g<d.length;g++)f+=d[g];g=c.createShader(c.FRAGMENT_SHADER);c.shaderSource(g,f);c.compileShader(g);return!c.getShaderParameter(g,c.COMPILE_STATUS)?(alert(c.getShaderInfoLog(g)),null):g};PIXI=PIXI||{};PIXI._defaultFrame={x:0,y:0,width:1,height:1};
-PIXI.WebGLRenderer=function(c,d){this.width=c?c:800;this.height=d?d:600;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";var f=this;this.view.addEventListener("webglcontextlost",function(c){f.handleContextLost(c)},!1);this.view.addEventListener("webglcontextrestored",function(c){f.handleContextRestored(c)},!1);this.batchs=[];try{this.gl=this.view.getContext("experimental-webgl",{alpha:!1})}catch(g){alert("Web GL only im afraid :/")}this.initShaders();
-var m=this.gl;this.batch=new PIXI.WebGLBatch(m);m.disable(m.DEPTH_TEST);m.enable(m.BLEND);m.colorMask(!0,!0,!0,!1);this.projectionMatrix=mat4.create();this.resize(this.width,this.height);this.contextLost=!1};PIXI.WebGLRenderer.constructor=PIXI.WebGLRenderer;
-PIXI.WebGLRenderer.prototype.initShaders=function(){var c=this.gl,d=PIXI.CompileFragmentShader(c,PIXI.shaderFragmentSrc),f=PIXI.CompileVertexShader(c,PIXI.shaderVertexSrc),g=this.shaderProgram=c.createProgram();c.attachShader(g,f);c.attachShader(g,d);c.linkProgram(g);c.getProgramParameter(g,c.LINK_STATUS)||alert("Could not initialise shaders");c.useProgram(g);g.vertexPositionAttribute=c.getAttribLocation(g,"aVertexPosition");c.enableVertexAttribArray(g.vertexPositionAttribute);g.textureCoordAttribute=
-c.getAttribLocation(g,"aTextureCoord");c.enableVertexAttribArray(g.textureCoordAttribute);g.colorAttribute=c.getAttribLocation(g,"aColor");c.enableVertexAttribArray(g.colorAttribute);g.mvMatrixUniform=c.getUniformLocation(g,"uMVMatrix");g.samplerUniform=c.getUniformLocation(g,"uSampler");PIXI.shaderProgram=this.shaderProgram};
-PIXI.WebGLRenderer.prototype.render=function(c){if(!this.contextLost){for(var d=0;d<c.__childrenRemoved.length;d++)this.removeDisplayObject(c.__childrenRemoved[d]);for(d=0;d<c.__childrenAdded.length;d++)this.addDisplayObject(c.__childrenAdded[d]);for(d=0;d<PIXI.texturesToUpdate.length;d++)this.updateTexture(PIXI.texturesToUpdate[d]);c.__childrenRemoved=[];c.__childrenAdded=[];PIXI.texturesToUpdate=[];c.updateTransform();var f=this.gl;f.clear(f.COLOR_BUFFER_BIT);f.clearColor(1,1,1,1);f.blendFunc(f.ONE,
-f.ONE_MINUS_SRC_ALPHA);f.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform,!1,this.projectionMatrix);if(this.refreshBatchs){for(d=0;d<this.batchs.length;d++)this.batchs[d].dirty&&PIXI._returnBatch(this.batchs[d]);this.batchs=[];this.currentBatch=PIXI._getBatch(f);this.collectBatchs(c);this.currentBatch&&(this.currentBatch.cache(),this.batchs.push(this.currentBatch));this.refreshBatchs=!1}this.updateDisplayObjects(c);for(d=0;d<this.batchs.length;d++)this.batchs[d].render()}};
-PIXI.WebGLRenderer.prototype.updateDisplayObjects=function(c){for(var d,f,g,m,p,l,j,x,n,z,A,H;c;){if(!c.visible&&(c=c.parent[c.childIndex+1],!c))continue;c.sprite&&(d=c.batch.verticies,g=c.width,m=c.height,p=c.anchor.x,l=c.anchor.y,j=g*(1-p),g*=-p,p=m*(1-l),l=m*-l,m=8*c.index,f=c.worldTransform,x=f[0],n=f[3],z=f[1],A=f[4],H=f[2],f=f[5],d[m+0]=x*g+z*l+H,d[m+1]=A*l+n*g+f,d[m+2]=x*j+z*l+H,d[m+3]=A*l+n*j+f,d[m+4]=x*j+z*p+H,d[m+5]=A*p+n*j+f,d[m+6]=x*g+z*p+H,d[m+7]=A*p+n*g+f,c.updateFrame&&(c.batch.dirtyUVS=
-!0,j=c.frame,g=c.texture.width,p=c.texture.height,d=c.batch.uvs,d[m+0]=j.x/g,d[m+1]=j.y/p,d[m+2]=(j.x+j.width)/g,d[m+3]=j.y/p,d[m+4]=(j.x+j.width)/g,d[m+5]=(j.y+j.height)/p,d[m+6]=j.x/g,d[m+7]=(j.y+j.height)/p,c.updateFrame=!1),c.cacheAlpha!=c.alpha&&(c.cacheAlpha=c.alpha,j=4*c.index,d=c.batch.colors,d[j]=d[j+1]=d[j+2]=d[j+3]=c.alpha,c.batch.dirtyColors=!0),c.cacheVisible!=c.visible&&(c.cacheVisible=c.visible,this.refreshBatchs=c.batch.dirty=!0));c=c._next}};
-PIXI.WebGLRenderer.prototype.collectBatchs=function(c){for(var d=this.currentBatch,f=this.gl,g=d.uvs,m=d.colors,p=d.indicies,l,j,x;c;){if(!c.visible&&(c=c.parent[c.childIndex+1],!c)){this.currentBatch=null;break}if(c.sprite){if(d.texture!=c.texture){d.cache();this.batchs.push(d);for(d=!1;!d;){d=!0;if(!c){this.currentBatch=null;return}c.batch&&!c.batch.dirty&&(this.batchs.push(c.batch),c=c.batch.last._next,d=!1)}d=this.currentBatch=PIXI._getBatch(f);g=d.uvs;m=d.colors;p=d.indicies;d.texture=c.texture}c.index=
-d.size;l=8*d.size;j=6*d.size;x=4*d.size;index4=4*d.size;var n=c.frame,z=c.texture.width,A=c.texture.height;n||(n=PIXI._defaultFrame);g[l+0]=n.x/z;g[l+1]=n.y/A;g[l+2]=(n.x+n.width)/z;g[l+3]=n.y/A;g[l+4]=(n.x+n.width)/z;g[l+5]=(n.y+n.height)/A;g[l+6]=n.x/z;g[l+7]=(n.y+n.height)/A;m[index4]=m[index4+1]=m[index4+2]=m[index4+3]=c.alpha;p[j+0]=x+0;p[j+1]=x+1;p[j+2]=x+2;p[j+3]=x+0;p[j+4]=x+2;p[j+5]=x+3;d.last=c;d.size++}c.batch=d;d.last=c;c=c._next}};
-PIXI.WebGLRenderer.prototype.updateTexture=function(c){var d=this.gl;c._glTexture||(c._glTexture=d.createTexture());c.hasLoaded&&(d.bindTexture(d.TEXTURE_2D,c._glTexture),d.pixelStorei(d.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),d.texImage2D(d.TEXTURE_2D,0,d.RGBA,d.RGBA,d.UNSIGNED_BYTE,c.image),d.texParameteri(d.TEXTURE_2D,d.TEXTURE_MAG_FILTER,d.LINEAR),d.texParameteri(d.TEXTURE_2D,d.TEXTURE_MIN_FILTER,d.LINEAR),d.texParameteri(d.TEXTURE_2D,d.TEXTURE_WRAP_S,d.CLAMP_TO_EDGE),d.texParameteri(d.TEXTURE_2D,
-d.TEXTURE_WRAP_T,d.CLAMP_TO_EDGE),d.generateMipmap(d.TEXTURE_2D),d.bindTexture(d.TEXTURE_2D,null));this.refreshBatchs=!0};
-PIXI.WebGLRenderer.prototype.addDisplayObject=function(c){c.batch=null;c.cacheVisible=c.visible;var d;if(0==c.childIndex)d=c.parent;else for(d=c.parent.children[c.childIndex-1];0!=d.children.length;)d=d.children[d.children.length-1];var f=d._next;d._next=c;c._prev=d;f&&(c._next=f,f._prev=c);if(c.sprite){if((d=c._prev.batch)&&d.texture==c.texture)d.dirty=!0;if(c._next&&(c=c._next.batch)&&c.texture==c.texture)c.dirty=!0;this.refreshBatchs=!0}};
-PIXI.WebGLRenderer.prototype.removeDisplayObject=function(c){var d=c.batch;d&&(d.dirty=!0);c._prev&&(c._prev._next=c._next);c._next&&(c._next._prev=c._prev);c.batch=null;this.refreshBatchs=!0};
-PIXI.WebGLRenderer.prototype.resize=function(c,d){this.width=c;this.height=d;this.view.width=c;this.view.height=d;this.gl.viewport(0,0,this.width,this.height);mat4.identity(this.projectionMatrix);mat4.scale(this.projectionMatrix,[2/this.width,-2/this.height,1]);mat4.translate(this.projectionMatrix,[-this.width/2,-this.height/2,0])};PIXI.WebGLRenderer.prototype.handleContextLost=function(c){c.preventDefault();this.contextLost=!0};
-PIXI.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0});this.initShaders();for(var c=0;c<PIXI.TextureCache.length;c++)this.updateTexture(PIXI.TextureCache[c]);for(c=0;c<this.batchs.length;c++)this.batchs[c].restoreLostContext(this.gl),this.batchs[c].dirty=!0;PIXI._restoreBatchs(this.gl);this.contextLost=!1};PIXI=PIXI||{};PIXI.CanvasRenderer=function(c,d){this.width=c?c:800;this.height=d?d:600;this.refresh=!0;this.view=document.createElement("canvas");this.view.width=this.width;this.view.height=this.height;this.view.background="#FF0000";this.context=this.view.getContext("2d")};PIXI.CanvasRenderer.constructor=PIXI.CanvasRenderer;
-PIXI.CanvasRenderer.prototype.render=function(c){c.__childrenAdded=[];PIXI.texturesToUpdate=[];c.updateTransform();this.context.setTransform(1,0,0,1,0,0);this.context.clearRect(0,0,this.width,this.height);this.renderDisplayObject(c)};
-PIXI.CanvasRenderer.prototype.renderDisplayObject=function(c){if(c.visible){if(c.sprite){var d=c.worldTransform,f=c.frame;f&&(this.context.globalAlpha=c.worldAlpha,this.context.setTransform(d[0],d[3],d[1],d[4],d[2],d[5]),this.context.drawImage(c.texture.image,f.x,f.y,f.width,f.height,c.anchor.x*-f.width,c.anchor.y*-f.height,f.width,f.height))}for(d=0;d<c.children.length;d++)this.renderDisplayObject(c.children[d])}};
-PIXI.CanvasRenderer.prototype.resize=function(c,d){this.width=c;this.height=d;this.view.width=c;this.view.height=d};PIXI=PIXI||{};PIXI._defaultFrame={x:0,y:0,width:1,height:1};PIXI.DOMRenderer=function(c,d){this.width=c?c:800;this.height=d?d:600;this.view=document.createElement("div");this.view.style.width=this.width+"px";this.view.style.height=this.height+"px";this.view.style.background="#FF0000";this.view.style["-webkit-transform"]="translateZ(0)";this.resize(this.width,this.height)};PIXI.DOMRenderer.constructor=PIXI.DOMRenderer;
-PIXI.DOMRenderer.prototype.render=function(c){for(var d=0;d<c.__childrenRemoved.length;d++)this.removeDisplayObject(c.__childrenRemoved[d]);for(d=0;d<c.__childrenAdded.length;d++)this.addDisplayObject(c.__childrenAdded[d]);for(d=0;d<PIXI.texturesToUpdate.length;d++)this.updateTexture(PIXI.texturesToUpdate[d]);c.__childrenRemoved=[];c.__childrenAdded=[];PIXI.texturesToUpdate=[];c.updateTransform();this.renderDisplayObject(c)};PIXI.DOMRenderer.prototype.updateTexture=function(){};
-PIXI.DOMRenderer.prototype.renderDisplayObject=function(c){if(c.visible){if(c.sprite){var d=c.worldTransform;c.frame&&(c._div.style["-webkit-transform"]="matrix("+d[0]+", "+d[3]+","+d[1]+","+d[4]+","+d[2]+","+d[5]+")")}for(d=0;d<c.children.length;d++)this.renderDisplayObject(c.children[d])}};PIXI.DOMRenderer.prototype.addDisplayObject=function(c){if(c.sprite&&!c._div){var d=document.createElement("img");d.src=c.texture.imageUrl;d.style.cssText="position:absolute;";c._div=d;this.view.appendChild(d)}};
-PIXI.DOMRenderer.prototype.removeDisplayObject=function(){};PIXI.DOMRenderer.prototype.resize=function(c,d){this.width=c;this.height=d;this.view.style.width=this.width+"px";this.view.style.height=this.height+"px"};PIXI=PIXI||{};PIXI.DisplayObject=function(){this.position={x:0,y:0};this.scale={x:1,y:1};this.rotation=0;this.dynamic=!0;this.alpha=1;this.color=[];this.worldAlpha=1;this.visible=!0;this.worldTransform=mat3.identity();this.localTransform=mat3.identity();this.parent;this.stage;this._sr=0;this._cr=1};PIXI.DisplayObject.constructor=Object.create(PIXI.DisplayObject.prototype);
-PIXI.DisplayObject.prototype.updateTransform=function(){this.rotation!=this.rotationCache&&(this.rotationCach=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));this.localTransform[0]=this._cr*this.scale.x;this.localTransform[1]=-this._sr*this.scale.y;this.localTransform[3]=this._sr*this.scale.x;this.localTransform[4]=this._cr*this.scale.y;this.localTransform[2]=this.position.x;this.localTransform[5]=this.position.y;mat3.multiply(this.localTransform,this.parent.worldTransform,
-this.worldTransform);this.worldAlpha=this.alpha*this.parent.worldAlpha};PIXI=PIXI||{};PIXI._batchs=[];PIXI._getBatch=function(c){return 0==PIXI._batchs.length?new PIXI.WebGLBatch(c):PIXI._batchs.pop()};PIXI._returnBatch=function(c){c.clean();PIXI._batchs.push(c)};PIXI._restoreBatchs=function(c){for(var d=0;d<PIXI._batchs.length;d++)PIXI._batchs[d].restoreLostContext(c)};
-PIXI.WebGLBatch=function(c){this.gl=c;this.size=0;this.verticies=[];this.uvs=[];this.indicies=[];this.colors=[];this.texture;this.vertexBuffer=c.createBuffer();this.indexBuffer=c.createBuffer();this.uvBuffer=c.createBuffer();this.colorBuffer=c.createBuffer()};PIXI.WebGLBatch.constructor=PIXI.WebGLBatch;PIXI.WebGLBatch.prototype.clean=function(){this.verticies=[];this.uvs=[];this.indicies=[];this.colors=[];this.last=this.texture=null;this.size=0};
-PIXI.WebGLBatch.prototype.restoreLostContext=function(c){this.gl=c;this.vertexBuffer=c.createBuffer();this.indexBuffer=c.createBuffer();this.uvBuffer=c.createBuffer();this.colorBuffer=c.createBuffer()};
-PIXI.WebGLBatch.prototype.render=function(){if(0!=this.size){var c=this.gl,d=PIXI.shaderProgram;c.bindBuffer(c.ARRAY_BUFFER,this.vertexBuffer);c.bufferData(c.ARRAY_BUFFER,this.verticies,c.STATIC_DRAW);c.vertexAttribPointer(d.vertexPositionAttribute,2,c.FLOAT,!1,0,0);c.bindBuffer(c.ARRAY_BUFFER,this.uvBuffer);this.dirtyUVS&&(this.dirtyUVS=!1,c.bufferData(c.ARRAY_BUFFER,this.uvs,c.STATIC_DRAW));c.vertexAttribPointer(d.textureCoordAttribute,2,c.FLOAT,!1,0,0);c.activeTexture(c.TEXTURE0);c.bindTexture(c.TEXTURE_2D,
-this.texture._glTexture);c.bindBuffer(c.ARRAY_BUFFER,this.colorBuffer);this.dirtyColors&&c.bufferData(c.ARRAY_BUFFER,this.colors,c.STATIC_DRAW);c.vertexAttribPointer(d.colorAttribute,1,c.FLOAT,!1,0,0);c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,this.indexBuffer);c.drawElements(c.TRIANGLES,6*this.size,c.UNSIGNED_SHORT,0)}};
-PIXI.WebGLBatch.prototype.cache=function(){var c=this.gl;c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,this.indexBuffer);c.bufferData(c.ELEMENT_ARRAY_BUFFER,new Uint16Array(this.indicies),c.STATIC_DRAW);this.dirtyUVS=!0;this.uvs=new Float32Array(this.uvs);this.verticies=new Float32Array(8*this.size);this.colors=new Float32Array(this.colors)};PIXI=PIXI||{};PIXI.DisplayObjectContainer=function(){PIXI.DisplayObject.call(this);this.children=[]};PIXI.DisplayObjectContainer.constructor=PIXI.DisplayObjectContainer;PIXI.DisplayObjectContainer.protoype=Object.create(PIXI.DisplayObject.prototype);PIXI.DisplayObjectContainer.prototype.updateTransform=function(){PIXI.DisplayObject.prototype.updateTransform.call(this);for(var c=0,d=this.children.length;c<d;c++)this.children[c].updateTransform()};
-PIXI.DisplayObjectContainer.prototype.addChild=function(c){void 0!=c.parent&&c.parent.removeChild(c);c.parent=this;c.childIndex=this.children.length;this.children.push(c);this.stage&&this.stage.__addChild(c)};PIXI.DisplayObjectContainer.prototype.removeChild=function(c){var d=this.children.indexOf(c);-1!==d&&(this.stage.__removeChild(c),c.parent=void 0,this.children.splice(d,1))};PIXI=PIXI||{};PIXI.Stage=function(){PIXI.DisplayObjectContainer.call(this);this.worldTransform=mat3.identity();this.__childrenAdded=[];this.__childrenRemoved=[];this.childIndex=0;this.stage=this};PIXI.Stage.constructor=PIXI.Stage;PIXI.Stage.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);PIXI.Stage.prototype.updateTransform=function(){this.worldAlpha=1;for(var c=0,d=this.children.length;c<d;c++)this.children[c].updateTransform()};
-PIXI.Stage.prototype.__addChild=function(c){this.__childrenAdded.push(c);c.stage=this;for(var d=0;d<c.children.length;d++)this.__addChild(c.children[d])};PIXI.Stage.prototype.__removeChild=function(c){this.__childrenRemoved.push(c);c.stage=void 0;for(var d=0,f=c.children.length;d<f;d++)this.__removeChild(c.children[d])};PIXI=PIXI||{};PIXI.Sprite=function(c,d){PIXI.DisplayObjectContainer.call(this);this.anchor={x:0,y:0};this.sprite=!0;this.texture=c;this.frame=d;this.height=this.width=1;c.hasLoaded&&(d||(d={x:0,y:0,width:c.width,height:c.height}),this.setFrame(d));var f=this;c.addEventListener("loaded",function(){f.frame||(f.frame={x:0,y:0,width:c.width,height:c.height});f.width=f.frame.width;f.height=f.frame.height;f.updateFrame=!0})};PIXI.Sprite.constructor=PIXI.Sprite;PIXI.Sprite.prototype=Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.Sprite.prototype.setFrame=function(c){this.frame=c;this.width=c.width;this.height=c.height;this.updateFrame=!0};PIXI.Sprite.spriteFromFrame=function(c){c=PIXI.FrameCache[c];return new PIXI.Sprite(PIXI.TextureCache[c.texture],{x:c.x,y:c.y,width:c.width,height:c.height})};PIXI.Sprite.spriteFromTexture=function(){return new PIXI.Sprite(PIXI.TextureCache[frameData.texture])};PIXI=PIXI||{};PIXI.MovieClip=function(c,d){PIXI.Sprite.call(this,c,d[0]);this.frames=d;this.framePosition=0;this.speed=1};PIXI.MovieClip.constructor=PIXI.MovieClip;PIXI.MovieClip.prototype=Object.create(PIXI.Sprite.prototype);PIXI.MovieClip.prototype.updateTransform=function(){PIXI.Sprite.prototype.updateTransform.call(this);this.framePosition+=this.speed;this.setFrame(this.frames[Math.round(this.framePosition)%this.frames.length])};PIXI=PIXI||{};PIXI.TextureCache={};PIXI.FrameCache={};PIXI.texturesToUpdate=[];PIXI.Texture=function(c){PIXI.EventTarget.call(this);this.imageUrl=c;this.frame={x:0,y:0,width:1,height:1};this.hasLoaded=!1;this.image=new Image;this.image.onload=$.proxy(this.onImageLoaded,this);this.image.src=c;this.height=this.width=100;PIXI.TextureCache[c]=this};
-PIXI.Texture.prototype.onImageLoaded=function(){this.hasLoaded=!0;this.width=this.image.width;this.height=this.image.height;PIXI.texturesToUpdate.push(this);this.dispatchEvent({type:"loaded",content:this})};PIXI.Texture.getTexture=function(c){var d=PIXI.TextureCache[c];d||(d=new PIXI.Texture(c));return d};PIXI=PIXI||{};PIXI.autoDetectRenderer=function(c,d){var f;try{f=!!window.WebGLRenderingContext&&!!document.createElement("canvas").getContext("experimental-webgl")}catch(g){f=!1}console.log(f);return f?new PIXI.WebGLRenderer(c,d):new PIXI.CanvasRenderer(c,d)};PIXI=PIXI||{};PIXI.SpriteSheetLoader=function(c){PIXI.EventTarget.call(this);this.url=c;this.baseUrl=c.replace(/[^\/]*$/,"");this.texture;this.frames={}};PIXI.SpriteSheetLoader.constructor=PIXI.SpriteSheetLoader;PIXI.SpriteSheetLoader.prototype.load=function(){this.ajaxRequest=new AjaxRequest;var c=this;this.ajaxRequest.onreadystatechange=function(){c.onLoaded()};this.ajaxRequest.open("GET",this.url,!0);this.ajaxRequest.send(null)};
-PIXI.SpriteSheetLoader.prototype.onLoaded=function(){if(4==this.ajaxRequest.readyState&&(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))){var c=eval("("+this.ajaxRequest.responseText+")"),d=this.baseUrl+c.meta.image;this.texture=PIXI.TextureCache[d];this.texture||(this.texture=new PIXI.Texture(d));var c=c.frames,f;for(f in c){var g=c[f].frame;this.frames[f]={x:g.x,y:g.y,width:g.w,height:g.h,texture:d};PIXI.FrameCache[f]=this.frames[f]}this.dispatchEvent({type:"loaded",content:this})}};PIXI=PIXI||{};PIXI.AssetLoader=function(c){PIXI.EventTarget.call(this);this.assetURLs=c;this.assets=[]};PIXI.AssetLoader.constructor=PIXI.AssetLoader;
-PIXI.AssetLoader.prototype.load=function(){this.loadCount=this.assetURLs.length;for(var c=["jpeg","jpg","png","gif"],d=["json"],f=0;f<this.assetURLs.length;f++){for(var g=this.assetURLs[f],m=g.split(".").pop().toLowerCase(),p,f=0;f<c.length;f++)if(m==c[f]){p="img";break}if(!p)for(f=0;f<d.length;f++)if(m==d[f]){p="atlas";break}if("img"==p)if(g=PIXI.Texture.getTexture(g),g.hasLoaded)this.loadCount--;else{var l=this;g.addEventListener("loaded",function(){l.onAssetLoaded()});this.assets.push(g)}else"atlas"==
-p?(g=new PIXI.SpriteSheetLoader(g),this.assets.push(g),l=this,g.addEventListener("loaded",function(){l.onAssetLoaded()}),g.load()):this.loadCount--}};PIXI.AssetLoader.prototype.onAssetLoaded=function(){this.loadCount--;0==this.loadCount&&this.dispatchEvent({type:"loaded",content:this})};
\ No newline at end of file
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..654d77f7b9071a10cbad6998628570323858ec36
GIT binary patch
literal 28802
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

literal 0
HcmV?d00001

diff --git a/src/pixi/DisplayObject.js b/src/pixi/DisplayObject.js
index c7a09af..bc113df 100644
--- a/src/pixi/DisplayObject.js
+++ b/src/pixi/DisplayObject.js
@@ -2,54 +2,60 @@
  * @author Mat Groves http://matgroves.com/
  */
 
-var PIXI = PIXI || {};
-
 /**
- * @class The DisplayObject class is the base class for all objects that are rendered on the screen.
+ * this is the base class for all objects that are rendered on the screen.
+ * @class DisplayObject
  * @constructor
- * @return A new DisplayObject.
  */
 PIXI.DisplayObject = function()
 {
 	/**
 	 * The coordinate of the object relative to the local coordinates of the parent.
+	 * @property position
 	 * @type Point
 	 */
 	this.position = new PIXI.Point();
 	
 	/**
 	 * The scale factor of the object.
+	 * @property scale
 	 * @type Point
 	 */
 	this.scale = new PIXI.Point(1,1);//{x:1, y:1};
 	
 	/**
 	 * The rotation of the object in radians.
+	 * @property rotation
 	 * @type Number
 	 */
 	this.rotation = 0;
 	
 	/**
 	 * The opacity of the object.
+	 * @property alpha
 	 * @type Number
 	 */	
 	this.alpha = 1;
 	
 	/**
 	 * The visibility of the object.
-	 * @type Number
+	 * @property visible
+	 * @type Boolean
 	 */	
 	this.visible = true;
+	this.cacheVisible = false;
 	
 	/**
 	 * [read-only] The display object container that contains this display object.
+	 * @property parent
 	 * @type DisplayObjectContainer
 	 */	
 	this.parent = null;
 	
 	/**
 	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 * @type #DisplayObjectContainer
+	 * @property stage
+	 * @type Stage
 	 */	
 	this.stage = null;
 	
diff --git a/src/pixi/DisplayObjectContainer.js b/src/pixi/DisplayObjectContainer.js
index 81968c8..44e36ef 100644
--- a/src/pixi/DisplayObjectContainer.js
+++ b/src/pixi/DisplayObjectContainer.js
@@ -2,13 +2,12 @@
  * @author Mat Groves http://matgroves.com/
  */
 
-var PIXI = PIXI || {};
 
 /**
- * @class A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.
- * @augments PIXI.DisplayObject
+ * A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.
+ * @class DisplayObjectContainer 
+ * @extends DisplayObject
  * @constructor
- * @return A new DisplayObjectContainer.
  */
 PIXI.DisplayObjectContainer = function()
 {
@@ -16,7 +15,7 @@ PIXI.DisplayObjectContainer = function()
 	
 	/**
 	 * [read-only] The of children of this container.
-	 * @type Array
+	 * @property children {Array}
 	 */	
 	this.children = [];
 	
@@ -29,7 +28,8 @@ PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.protot
 
 /**
  * Adds a child to the container.
- * @param  DisplayObject {@link PIXI.DisplayObject}
+ * @method addChild
+ * @param  DisplayObject {DisplayObject}
  */
 PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 {
@@ -50,8 +50,9 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 
 /**
  * Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown
- * @param DisplayObject {@link PIXI.DisplayObject}
- * @param index
+ * @method addChildAt
+ * @param DisplayObject {DisplayObject}
+ * @param index {Number}
  */
 PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 {
@@ -59,7 +60,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 	{
 		if(child.parent != undefined)
 		{
-			child.parent.removeChild(child)
+			child.parent.removeChild(child);
 		}
 	
 		if (index == this.children.length)
@@ -89,13 +90,14 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 	{
 		// error!
 		
-		throw new Error(child + " The index supplied is out of bounds " + this);
+		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
 	}
 }
 
 /**
  * Removes a child from the container.
- * @param  DisplayObject {@link PIXI.DisplayObject}
+ * @method removeChild
+ * @param  DisplayObject {DisplayObject}
  */
 PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 {
diff --git a/src/pixi/MovieClip.js b/src/pixi/MovieClip.js
index 63c18fc..243835e 100644
--- a/src/pixi/MovieClip.js
+++ b/src/pixi/MovieClip.js
@@ -1,13 +1,12 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
- * @class A MovieClip is a simple way to display an animation depicted by a list of textures.
- * @augments PIXI.Sprite
- * @param an array of textures that make up the animation
- * @return {PIXI.MovieClip} texture {@link PIXI.MovieClip}
+ * A MovieClip is a simple way to display an animation depicted by a list of textures.
+ * @class MovieClip
+ * @constructor
+ * @param textures {Array} an array of {Texture} objects that make up the animation
  */
 PIXI.MovieClip = function(textures)
 {
@@ -15,24 +14,28 @@ PIXI.MovieClip = function(textures)
 	
 	/**
 	 * The array of textures that make up the animation
+	 * @property textures
 	 * @type Array
 	 */
 	this.textures = textures;
 	
 	/**
 	 * [read only] The index MovieClips current frame (this may not have to be a whole number)
+	 * @property currentFrame
 	 * @type Number
 	 */
 	this.currentFrame = 0; 
 	
 	/**
 	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
+	 * @property animationSpeed
 	 * @type Number
 	 */
 	this.animationSpeed = 1;
 	
 	/**
 	 * [read only] indicates if the MovieClip is currently playing
+	 * @property playing
 	 * @type Boolean
 	 */
 	this.playing;
@@ -44,6 +47,7 @@ PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
 
 /**
  * Stops the MovieClip
+ * @method stop
  */
 PIXI.MovieClip.prototype.stop = function()
 {
@@ -52,6 +56,7 @@ PIXI.MovieClip.prototype.stop = function()
 
 /**
  * Plays the MovieClip
+ * @method play
  */
 PIXI.MovieClip.prototype.play = function()
 {
@@ -60,7 +65,8 @@ PIXI.MovieClip.prototype.play = function()
 
 /**
  * Stops the MovieClip and goes to a specific frame
- * @param frame index to stop at
+ * @method gotoAndStop
+ * @param frameNumber {Number} frame index to stop at
  */
 PIXI.MovieClip.prototype.gotoAndStop = function(frameNumber)
 {
@@ -72,7 +78,8 @@ PIXI.MovieClip.prototype.gotoAndStop = function(frameNumber)
 
 /**
  * Goes to a specific frame and begins playing the MovieClip
- * @param frame index to start at
+ * @method gotoAndPlay
+ * @param frameNumber {Number} frame index to start at
  */
 PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
 {
diff --git a/src/pixi/Pixi.js b/src/pixi/Pixi.js
new file mode 100644
index 0000000..fc2c44a
--- /dev/null
+++ b/src/pixi/Pixi.js
@@ -0,0 +1,8 @@
+/**
+ * @author Mat Groves http://matgroves.com/
+ */
+
+/**
+@module PIXI
+ */
+var PIXI = PIXI || {};
diff --git a/src/pixi/Point.js b/src/pixi/Point.js
index 08a4534..baaab37 100644
--- a/src/pixi/Point.js
+++ b/src/pixi/Point.js
@@ -1,22 +1,33 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
- * @class The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
+ * The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
+ * @class Point
  * @constructor 
- * @param x position of the point
- * @param y position of the point
- * @return A new Rectangle.
+ * @param x {Number} position of the point
+ * @param y {Number} position of the point
  */
 PIXI.Point = function(x, y)
 {
+	/**
+	 * @property x 
+	 * @type Number
+	 * @default 0
+	 */
 	this.x = x ? x : 0;
+	
+	/**
+	 * @property y
+	 * @type Number
+	 * @default 0
+	 */
 	this.y = y ? y : 0;
 }
 
 /** 
+ * @method clone
  * @return a copy of the point
  */
 PIXI.Point.clone = function()
diff --git a/src/pixi/Rectangle.js b/src/pixi/Rectangle.js
index 91b3fed..4d1388f 100644
--- a/src/pixi/Rectangle.js
+++ b/src/pixi/Rectangle.js
@@ -1,27 +1,49 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
- * @class the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
+ * the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
+ * @class Rectangle
  * @constructor 
- * @param x position of the rectangle
- * @param y position of the rectangle
- * @param width of the rectangle
- * @param height of the rectangle
- * @return A new Rectangle.
+ * @param x {Number} position of the rectangle
+ * @param y {Number} position of the rectangle
+ * @param width {Number} of the rectangle
+ * @param height {Number} of the rectangle
  */
 PIXI.Rectangle = function(x, y, width, height)
 {
+	/**
+	 * @property x
+	 * @type Number
+	 * @default 0
+	 */
 	this.x = x ? x : 0;
+	
+	/**
+	 * @property y
+	 * @type Number
+	 * @default 0
+	 */
 	this.y = y ? y : 0;
 	
+	/**
+	 * @property width
+	 * @type Number
+	 * @default 0
+	 */
 	this.width = width ? width : 0;
+	
+	/**
+	 * @property height
+	 * @type Number
+	 * @default 0
+	 */
 	this.height = height ? height : 0;
 }
 
 /** 
+ * @method clone
  * @return a copy of the rectangle
  */
 PIXI.Point.clone = function()
diff --git a/src/pixi/Sprite.js b/src/pixi/Sprite.js
index c239502..d3ab4b4 100644
--- a/src/pixi/Sprite.js
+++ b/src/pixi/Sprite.js
@@ -1,53 +1,58 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 PIXI.blendModes = {};
 PIXI.blendModes.NORMAL = 0;
 PIXI.blendModes.SCREEN = 1;
 
+
 /**
- * @class A Sprite
- * @augments PIXI.DisplayObjectContainer
- * @constructor
- * @param {PIXI.textures.Texture} texture {@link PIXI.textures.Texture}
- * @return A new Sprite.
- */
+@class Sprite
+@extends DisplayObjectContainer
+@constructor
+@param texture {Texture}
+@type String
+*/
 PIXI.Sprite = function(texture)
 {
 	PIXI.DisplayObjectContainer.call( this );
 	
-	/**
+	 /**
 	 * The anchor sets the origin point of the texture.
 	 * The default is 0,0 this means the textures origin is the top left 
 	 * Setting than anchor to 0.5,0.5 means the textures origin is centered
 	 * Setting the anchor to 1,1 would mean the textures origin points will be the bottom right
-	 * @type #Point
-	 */
+     * @property anchor
+     * @type Point
+     */
 	this.anchor = new PIXI.Point();
 	
 	/**
 	 * The texture that the sprite is using
-	 * @type #Point
+	 * @property texture
+	 * @type Texture
 	 */
 	this.texture = texture;
 	
 	/**
 	 * The blend mode of sprite.
 	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
+	 * @property blendMode
 	 * @type uint
 	 */
 	this.blendMode = PIXI.blendModes.NORMAL;
 	
 	/**
 	 * The width of the sprite (this is initially set by the texture)
+	 * @property width
 	 * @type #Number
 	 */
 	this.width = 1;
 	
 	/**
 	 * The height of the sprite (this is initially set by the texture)
+	 * @property height
 	 * @type #Number
 	 */
 	this.height = 1;
@@ -72,9 +77,9 @@ PIXI.Sprite.constructor = PIXI.Sprite;
 PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
 
 /**
- * The PIXI texture that is displayed by the sprite
- * @param {PIXI.Texture} texture {@link PIXI.Texture}
- */
+@method setTexture
+@param texture {Texture} The PIXI texture that is displayed by the sprite
+*/
 PIXI.Sprite.prototype.setTexture = function(texture)
 {
 	// stop current texture;
@@ -107,8 +112,10 @@ PIXI.Sprite.prototype.onTextureUpdate = function(event)
  * 
  * Helper function that creates a sprite that will contain a texture from the TextureCache based on tjhe frameId
  * The frame ids are created when a Texture packer file has been loaded
- * @param The frame Id of the texture in the cache
- * @return {PIXI.Sprite} texture {@link PIXI.Sprite}
+ * @method fromFrame
+ * @static
+ * @param frameId {String} The frame Id of the texture in the cache
+ * @return {Sprite} A new Sprite using a texture from the texture cache matching the frameId
  */
 PIXI.Sprite.fromFrame = function(frameId)
 {
@@ -121,8 +128,10 @@ PIXI.Sprite.fromFrame = function(frameId)
  * 
  * Helper function that creates a sprite that will contain a texture based on an image url
  * If the image is not in the texture cache it will be loaded
+ * @method fromImage
+ * @static
  * @param The image url of the texture
- * @return {PIXI.Sprite} texture {@link PIXI.Sprite}
+ * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
  */
 PIXI.Sprite.fromImage = function(imageId)
 {
diff --git a/src/pixi/Stage.js b/src/pixi/Stage.js
index 08f7c44..afa6e3b 100644
--- a/src/pixi/Stage.js
+++ b/src/pixi/Stage.js
@@ -2,14 +2,12 @@
  * @author Mat Groves http://matgroves.com/
  */
 
-var PIXI = PIXI || {};
-
 /**
- * @class A Stage represents the root of the display tree. Everything connected to the stage is rendered
- * @augments PIXI.DisplayObjectContainer
- * @constructor
- * @return A new Stage.
- */
+A Stage represents the root of the display tree. Everything connected to the stage is rendered
+@class Stage
+@extends DisplayObjectContainer
+@constructor
+*/
 PIXI.Stage = function()
 {
 	PIXI.DisplayObjectContainer.call( this );
@@ -25,6 +23,9 @@ PIXI.Stage.constructor = PIXI.Stage;
 
 PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
 
+/**
+@method updateTransform
+*/
 PIXI.Stage.prototype.updateTransform = function()
 {
 	this.worldAlpha = 1;		
@@ -40,9 +41,12 @@ PIXI.Stage.prototype.setFilter = function(filters)
 	this.filters = filters;
 }*/
 
+/**
+@method __addChild
+*/
 PIXI.Stage.prototype.__addChild = function(child)
 {
-	this.__childrenAdded.push(child);
+	//this.__childrenAdded.push(child);
 
 	child.stage = this;
 	
@@ -56,6 +60,9 @@ PIXI.Stage.prototype.__addChild = function(child)
 	
 }
 
+/**
+@method __removeChild
+*/
 PIXI.Stage.prototype.__removeChild = function(child)
 {
 	this.__childrenRemoved.push(child);
diff --git a/src/pixi/extras/Rope.js b/src/pixi/extras/Rope.js
index e4fe859..879fd13 100644
--- a/src/pixi/extras/Rope.js
+++ b/src/pixi/extras/Rope.js
@@ -1,7 +1,6 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 
 PIXI.Rope = function(texture, points)
@@ -30,7 +29,7 @@ PIXI.Rope = function(texture, points)
 
 
 // constructor
-PIXI.Rope.constructor = GAME.Rope;
+PIXI.Rope.constructor = PIXI.Rope;
 PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
 
 PIXI.Rope.prototype.refresh = function()
diff --git a/src/pixi/extras/Strip.js b/src/pixi/extras/Strip.js
index 825fc46..d2a6937 100644
--- a/src/pixi/extras/Strip.js
+++ b/src/pixi/extras/Strip.js
@@ -1,8 +1,6 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
-
 
 PIXI.Strip = function(texture, width, height)
 {
diff --git a/src/pixi/loaders/AssetLoader.js b/src/pixi/loaders/AssetLoader.js
index 6abd6ec..d3e1ae2 100644
--- a/src/pixi/loaders/AssetLoader.js
+++ b/src/pixi/loaders/AssetLoader.js
@@ -1,18 +1,15 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
-
 
 /**
- * @class A Class that loads a bunch of images / sprite sheet files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromFrameId(), PIXI.Texture.fromImage() and PIXI.Sprite.fromImage(), PIXI.Sprite.fromFromeId()
- * @augments PIXI.EventTarget
+ * A Class that loads a bunch of images / sprite sheet files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromFrameId(), PIXI.Texture.fromImage() and PIXI.Sprite.fromImage(), PIXI.Sprite.fromFromeId()
  * When all items have been loaded this class will dispatch a 'loaded' event
  * As each individual item is loaded this class will dispatch a 'progress' event
+ * @class AssetLoader
  * @constructor
- * 
- * @param an array of image/sprite sheet urls that you would like loaded supported. Supported image formats include "jpeg", "jpg", "png", "gif". Supported sprite sheet data formats only include "JSON" at this time
- * @return A new AssetLoader
+ * @extends EventTarget
+ * @param assetURLs {Array} an array of image/sprite sheet urls that you would like loaded supported. Supported image formats include "jpeg", "jpg", "png", "gif". Supported sprite sheet data formats only include "JSON" at this time
  */
 PIXI.AssetLoader = function(assetURLs)
 {
@@ -21,6 +18,7 @@ PIXI.AssetLoader = function(assetURLs)
 	
 	/**
 	 * The array of asset URLs that are going to be loaded
+	 * @property assetURLs
 	 * @type Array
 	 */
 	this.assetURLs = assetURLs;
diff --git a/src/pixi/loaders/SpriteSheetLoader.js b/src/pixi/loaders/SpriteSheetLoader.js
index 947aa84..443d7ae 100644
--- a/src/pixi/loaders/SpriteSheetLoader.js
+++ b/src/pixi/loaders/SpriteSheetLoader.js
@@ -1,20 +1,19 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
- * @class The sprite sheet loader is used to load in JSON sprite sheet data
+ * The sprite sheet loader is used to load in JSON sprite sheet data
  * To generate the data you can use http://www.codeandweb.com/texturepacker and publish the "JSON" format
  * There is a free version so thats nice, although the paid version is great value for money.
  * It is highly recommended to use Sprite sheets (also know as texture atlas') as it means sprite's can be batched and drawn together for highly increased rendering speed.
  * Once the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
  * This loader will also load the image file that the Spritesheet points to as well as the data.
  * When loaded this class will dispatch a 'loaded' event
- * @augments PIXI.EventTarget
+ * @class SpriteSheetLoader
+ * @extends EventTarget
  * @constructor
- * @param the url of the sprite sheet JSON file
- * @return A new SpriteSheetLoader
+ * @param url {String} the url of the sprite sheet JSON file
  */
 
 PIXI.SpriteSheetLoader = function(url)
@@ -68,8 +67,16 @@ PIXI.SpriteSheetLoader.prototype.onLoaded = function()
 			for (var i in frameData) 
 			{
 				var rect = frameData[i].frame;
+				PIXI.TextureCache[i] = new PIXI.Texture(this.texture, {x:rect.x, y:rect.y, width:rect.w, height:rect.h});
+				
+				if(frameData[i].trimmed)
+				{
+					//var realSize = frameData[i].spriteSourceSize;
+					PIXI.TextureCache[i].realSize = frameData[i].spriteSourceSize;
+					PIXI.TextureCache[i].trim.x = 0// (realSize.x / rect.w)
+					// calculate the offset!
+				}
 //				this.frames[i] = ;
-				PIXI.TextureCache[i] = new PIXI.Texture(this.texture, {x:rect.x, y:rect.y, width:rect.w, height:rect.h})
    			}
 			
 			if(this.texture.hasLoaded)
diff --git a/src/pixi/renderers/CanvasRenderer.js b/src/pixi/renderers/CanvasRenderer.js
index 8f6ad30..9784724 100644
--- a/src/pixi/renderers/CanvasRenderer.js
+++ b/src/pixi/renderers/CanvasRenderer.js
@@ -1,25 +1,28 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
- * @class the CanvasRenderer is draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.
+ * the CanvasRenderer is draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.
  * Dont forget to add the view to your DOM or you will not see anything :)
- * @param the width of the canvas view
- * @param the height of the canvas view
- * @return CanvasRenderer
+ * @class CanvasRenderer
+ * @param width {Number} the width of the canvas view
+ * @param height {Number} the height of the canvas view
  */
 PIXI.CanvasRenderer = function(width, height)
 {
 	/**
 	 * The width of the canvas view
+	 * @property width
 	 * @type Number
+	 * @default 800
 	 */
 	this.width = width ? width : 800;
 	/**
 	 * The height of the canvas view
+	 * @property height
 	 * @type Number
+	 * @default 600
 	 */
 	this.height = height ? height : 600;
 	
@@ -27,7 +30,8 @@ PIXI.CanvasRenderer = function(width, height)
 	
 	/**
 	 * The canvas element that the everything is drawn to
-	 * @type Number
+	 * @property view
+	 * @type Canvas
 	 */
 	this.view = document.createElement( 'canvas' ); 
 	
@@ -35,6 +39,12 @@ PIXI.CanvasRenderer = function(width, height)
 	this.view.height = this.height;  
 	this.view.background = "#FF0000";
 	this.count = 0;
+	
+	/**
+	 * The canvas context that the everything is drawn to
+	 * @property context
+	 * @type Canvas 2d Context
+	 */
 	this.context = this.view.getContext("2d");
 }
 
@@ -43,7 +53,8 @@ PIXI.CanvasRenderer.constructor = PIXI.CanvasRenderer;
 
 /**
  * Renders the stage to its canvas view
- * @param the PIXI.Stage element to be rendered
+ * @method render
+ * @param stage {Stage} the Stage element to be rendered
  */
 PIXI.CanvasRenderer.prototype.render = function(stage)
 {
@@ -113,10 +124,10 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 								   frame.y,
 								   frame.width,
 								   frame.height,
-								   (transform[2]+displayObject.anchor.x * -frame.width + 0.5) | 0,
-								   (transform[5]+displayObject.anchor.y * -frame.height + 0.5) | 0,
-								   (frame.width * transform[0]),
-								   (frame.height * transform[4]));
+								   (transform[2]+ ((displayObject.anchor.x - displayObject.texture.trim.x) * -frame.width) * transform[0]),
+								   (transform[5]+ ((displayObject.anchor.y - displayObject.texture.trim.y) * -frame.height)* transform[4]),
+								   (displayObject.width * transform[0]),
+								   (displayObject.height * transform[4]));
 				
 			}	
 			else
@@ -128,17 +139,17 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 								   frame.y,
 								   frame.width,
 								   frame.height,
-								   displayObject.anchor.x * -frame.width, 
-								   displayObject.anchor.y * -frame.height,
-								   frame.width,
-								   frame.height);
+								   (displayObject.anchor.x - displayObject.texture.trim.x) * -frame.width, 
+								   (displayObject.anchor.y - displayObject.texture.trim.y) * -frame.height,
+								   displayObject.width,
+								   displayObject.height);
 			}
 		}					   
    	}
    	else if(displayObject instanceof PIXI.Strip)
 	{
 		context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-		this.renderStrip(displayObject)
+		this.renderStrip(displayObject);
 	}
 	
 	// render!
diff --git a/src/pixi/renderers/WebGLBatch.js b/src/pixi/renderers/WebGLBatch.js
index b4c4768..710d98c 100644
--- a/src/pixi/renderers/WebGLBatch.js
+++ b/src/pixi/renderers/WebGLBatch.js
@@ -2,8 +2,6 @@
  * @author Mat Groves http://matgroves.com/
  */
 
-var PIXI = PIXI || {};
-
 PIXI._batchs = [];
 
 /**
@@ -42,9 +40,9 @@ PIXI._restoreBatchs = function(gl)
 }
 
 /**
- * @class A WebGLBatch Enables a group of sprites to be drawn using the same settings.
+ * A WebGLBatch Enables a group of sprites to be drawn using the same settings.
  * if a group of sprites all have the same baseTexture and blendMode then they can be grouped into a batch. All the sprites in a batch can then be drawn in one go by the GPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch even if the batch only contains one sprite. Batching is handled automatically by the webGL renderer. A good tip is: the smaller the number of batchs there are, the faster the webGL renderer will run. 
- * @augments PIXI.Sprite
+ * @class WebGLBatch
  * @param an instance of the webGL context
  * @return {PIXI.renderers.WebGLBatch} WebGLBatch {@link PIXI.renderers.WebGLBatch}
  */
@@ -99,7 +97,8 @@ PIXI.WebGLBatch.prototype.restoreLostContext = function(gl)
 
 /**
  * inits the batch's texture and blend mode based if the supplied sprite
- * @param the first sprite to be added to the batch. Only sprites with the same base texture and blend mode will be allowed to be added to this batch
+ * @method init
+ * @param sprite {Sprite} the first sprite to be added to the batch. Only sprites with the same base texture and blend mode will be allowed to be added to this batch
  */	
 PIXI.WebGLBatch.prototype.init = function(sprite)
 {
@@ -117,8 +116,9 @@ PIXI.WebGLBatch.prototype.init = function(sprite)
 
 /**
  * inserts a sprite before the specified sprite
- * @param the sprite to be added
- * @param the first sprite will be inserted before this sprite
+ * @method insertBefore
+ * @param sprite {Sprite} the sprite to be added
+ * @param nextSprite {nextSprite} the first sprite will be inserted before this sprite
  */	
 PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
 {
@@ -144,8 +144,9 @@ PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
 
 /**
  * inserts a sprite after the specified sprite
- * @param the sprite to be added
- * @param the first sprite will be inserted after this sprite
+ * @method insertAfter
+ * @param sprite {Sprite} the sprite to be added
+ * @param  previousSprite {Sprite} the first sprite will be inserted after this sprite
  */	
 PIXI.WebGLBatch.prototype.insertAfter = function(sprite, previousSprite)
 {
@@ -173,7 +174,8 @@ PIXI.WebGLBatch.prototype.insertAfter = function(sprite, previousSprite)
 
 /**
  * removes a sprite from the batch
- * @param the sprite to be removed
+ * @method remove
+ * @param sprite {Sprite} the sprite to be removed
  */	
 PIXI.WebGLBatch.prototype.remove = function(sprite)
 {
@@ -181,6 +183,7 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 	
 	if(this.size == 0)
 	{
+		sprite.batch = null;
 		sprite.__prev = null;
 		sprite.__next = null;
 		return;
@@ -193,7 +196,7 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 	else
 	{
 		this.head = sprite.__next;
-		//this.head.__prev = null;
+		this.head.__prev = null;
 	}
 	
 	if(sprite.__next)
@@ -203,7 +206,7 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 	else
 	{
 		this.tail = sprite.__prev;
-		//this.tail.__next = null
+		this.tail.__next = null
 	}
 	
 	sprite.batch = null;
@@ -214,8 +217,9 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 
 /**
  * Splits the batch into two with the specified sprite being the start of the new batch.
- * @param the sprite that indicates where the batch should be split
- * @return the new batch
+ * @method split
+ * @param sprite {Sprite} the sprite that indicates where the batch should be split
+ * @return {WebGLBatch} the new batch
  */
 PIXI.WebGLBatch.prototype.split = function(sprite)
 {
@@ -262,7 +266,8 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 
 /**
  * Merges two batchs together
- * @param the batch that will be merged 
+ * @method merge
+ * @param batch {WebGLBatch} the batch that will be merged 
  */
 PIXI.WebGLBatch.prototype.merge = function(batch)
 {
@@ -286,6 +291,7 @@ PIXI.WebGLBatch.prototype.merge = function(batch)
 
 /**
  * Grows the size of the batch. As the elements in the batch cannot have a dynamic size this function is used to increase the size of the batch. It also creates a little extra room so that the batch does not need to be resized every time a sprite is added
+ * @methos growBatch
  */
 PIXI.WebGLBatch.prototype.growBatch = function()
 {
@@ -338,6 +344,7 @@ PIXI.WebGLBatch.prototype.growBatch = function()
 
 /**
  * Refresh's all the data in the batch and sync's it with the webGL buffers
+ * @method refresh
  */
 PIXI.WebGLBatch.prototype.refresh = function()
 {
@@ -392,6 +399,7 @@ PIXI.WebGLBatch.prototype.refresh = function()
 
 /**
  * Updates all the relevant geometry and uploads the data to the GPU
+ * @method update
  */
 PIXI.WebGLBatch.prototype.update = function()
 {
@@ -409,9 +417,8 @@ PIXI.WebGLBatch.prototype.update = function()
 		width = displayObject.width;
 		height = displayObject.height;
 		
-		aX = displayObject.anchor.x;
-		aY = displayObject.anchor.y;
-		 
+		aX = displayObject.anchor.x - displayObject.texture.trim.x
+		aY = displayObject.anchor.y - displayObject.texture.trim.y
 		w0 = width * (1-aX);
 		w1 = width * -aX;
 		 
@@ -467,12 +474,12 @@ PIXI.WebGLBatch.prototype.update = function()
 		}
 		
 		// TODO this probably could do with some optimisation....
-		if(displayObject.cacheAlpha != displayObject.alpha)
+		if(displayObject.cacheAlpha != displayObject.worldAlpha)
 		{
-			displayObject.cacheAlpha = displayObject.alpha;
+			displayObject.cacheAlpha = displayObject.worldAlpha;
 			
 			var colorIndex = indexRun * 4;
-			this.colors[index2] = this.colors[colorIndex + 1] = this.colors[colorIndex + 2] = this.colors[colorIndex + 3] = displayObject.worldAlpha;
+			this.colors[colorIndex] = this.colors[colorIndex + 1] = this.colors[colorIndex + 2] = this.colors[colorIndex + 3] = displayObject.worldAlpha;
 			this.dirtyColors = true;
 		}
 		
@@ -483,6 +490,7 @@ PIXI.WebGLBatch.prototype.update = function()
 
 /**
  * Draws the batch to the frame buffer
+ * @method render
  */
 PIXI.WebGLBatch.prototype.render = function()
 {
diff --git a/src/pixi/renderers/WebGLRenderer.js b/src/pixi/renderers/WebGLRenderer.js
index 688e94b..8de0e25 100644
--- a/src/pixi/renderers/WebGLRenderer.js
+++ b/src/pixi/renderers/WebGLRenderer.js
@@ -1,16 +1,17 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};§
 
 PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
 
 /**
- * @class the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer should be used for browsers support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batch's or Sprite Cloud's
+ * the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer should be used for browsers support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batch's or Sprite Cloud's
  * Dont forget to add the view to your DOM or you will not see anything :)
- * @param the width of the canvas view
- * @param the height of the canvas view
- * @return WebGLRenderer
+ * @class WebGLRenderer
+ * @param width {Number} the width of the canvas view
+ * @default 0
+ * @param height {Number} the height of the canvas view
+ * @default 0
  */
 PIXI.WebGLRenderer = function(width, height)
 {
@@ -101,21 +102,24 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
 /**
  * @private
  */
-PIXI.WebGLRenderer.prototype.checkVisibility = function(displayObject)
+PIXI.WebGLRenderer.prototype.checkVisibility = function(displayObject, globalVisible)
 {
 	var children = displayObject.children;
 	
+	
 	for (var i=0; i < children.length; i++) 
 	{
 		var child = children[i];
 		
 		// TODO optimize... shouldt need to loop through everything all the time
+		var actualVisibility = child.visible && globalVisible;
+		
 		// everything should have a batch!
 		// time to see whats new!
 		if(child.textureChange)
 		{
 			child.textureChange = false;
-			if(child.visible)
+			if(actualVisibility)
 			{
 				this.removeDisplayObject(child)
 				this.addDisplayObject(child)
@@ -123,61 +127,36 @@ PIXI.WebGLRenderer.prototype.checkVisibility = function(displayObject)
 			// update texture!!
 		}
 		
-		if(child.cacheVisible != child.visible)
+		
+		
+		if(child.cacheVisible != actualVisibility)
 		{
-			child.cacheVisible = child.visible;
-			if(child.visible)
+			child.cacheVisible = actualVisibility;
+			
+			if(child.cacheVisible)
 			{
 				this.addDisplayObject(child);
 			}
 			else
 			{
-			 	this.removeDisplayObject(child);
+				this.removeDisplayObject(child);
 			}
-				
-			this.setGLVisible(child, child.visible);
-			continue;
-		}		
+		}
 		
 		if(child.children.length > 0)
 		{
-			this.checkVisibility(child);
+			this.checkVisibility(child, actualVisibility);
 		}
+		
+		
 	};
 }
 
-/**
- * @private
- */
-PIXI.WebGLRenderer.prototype.setGLVisible = function(displayObject, visibility)
-{
-	var children = displayObject.children;
-	
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		if(visibility)
-		{
-			this.addDisplayObject(child);
-		}
-		else
-		{
-			this.removeDisplayObject(child);
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.setGLVisible(child, visibility);
-		}
-	}
-	
-}
-
 
 /**
  * Renders the stage to its webGL view
- * @param the PIXI.Stage element to be rendered
+ * @method render
+ * @param stage {Stage} the PIXI.Stage element to be rendered
  */
 PIXI.WebGLRenderer.prototype.render = function(stage)
 {
@@ -185,9 +164,18 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	
 	// update children if need be
 	// best to remove first!
-	for (var i=0; i < stage.__childrenRemoved.length; i++) this.removeDisplayObject(stage.__childrenRemoved[i]);
+	for (var i=0; i < stage.__childrenRemoved.length; i++)
+	{
+		this.removeDisplayObject(stage.__childrenRemoved[i]);
+	//	stage.__childrenRemoved[i].cacheVisible = false;
+	}
+	/*
 	// no add all new sprites		
-	for (var i=0; i < stage.__childrenAdded.length; i++) this.addDisplayObject(stage.__childrenAdded[i]);
+	for (var i=0; i < stage.__childrenAdded.length; i++) 
+	{
+		stage.__childrenAdded[i].cacheVisible = false;
+//		this.addDisplayObject(stage.__childrenAdded[i]);
+	}*/
 	// update any textures	
 	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
 	
@@ -197,7 +185,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	PIXI.texturesToUpdate = [];
 	
 	// recursivly loop through all items!
-	this.checkVisibility(stage);
+	this.checkVisibility(stage, true);
 	
 	// update the scen graph	
 	stage.updateTransform();
@@ -206,7 +194,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	
 	gl.clear(gl.COLOR_BUFFER_BIT)
 
-	gl.clearColor(1, 1, 1, 1.0);     
+	gl.clearColor(0, 0, 0, 1.0);     
 	
 	// set the correct blend mode!
  	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
@@ -265,12 +253,16 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
  */
 PIXI.WebGLRenderer.prototype.addDisplayObject = function(displayObject)
 {
-	if(!displayObject.stage)return;
 	
-	displayObject.cacheVisible = displayObject.visible;
+	if(!displayObject.stage)return; // means it was removed 
+	if(displayObject.__inWebGL)return; //means it is already in webgL
 	
-	if(!displayObject.visible)return;
+	//displayObject.cacheVisible = displayObject.visible;
+	
+	// TODO if objects parent is not visible then dont add to stage!!!!
+	//if(!displayObject.visible)return;
 
+	
 	displayObject.batch = null;
 	
 	//displayObject.cacheVisible = true;
@@ -458,10 +450,12 @@ PIXI.WebGLRenderer.prototype.addDisplayObject = function(displayObject)
 PIXI.WebGLRenderer.prototype.removeDisplayObject = function(displayObject)
 {
 	//if(displayObject.stage)return;
-	displayObject.cacheVisible = displayObject.visible;
+	displayObject.cacheVisible = false;//displayObject.visible;
 	
 	if(!displayObject.renderable)return;
 	
+	displayObject.__inWebGL = false;
+		
 	/*
 	 * removing is a lot quicker..
 	 * 
@@ -472,9 +466,11 @@ PIXI.WebGLRenderer.prototype.removeDisplayObject = function(displayObject)
 	{
 		// should always have a batch!
 		var batch = displayObject.batch;
-		if(!batch)return; // thismeans the display list has been altered befre rendering
+		if(!batch)return; // this means the display list has been altered befre rendering
 		
 		batch.remove(displayObject);
+		
+		
 		if(batch.size==0)
 		{
 			batchToRemove = batch
@@ -528,8 +524,9 @@ PIXI.WebGLRenderer.prototype.removeDisplayObject = function(displayObject)
 
 /**
  * resizes the webGL view to the specified width and height
- * @param the new width of the webGL view
- * @param the new height of the webGL view
+ * @method resize
+ * @param width {Number} the new width of the webGL view
+ * @param height {Number} the new height of the webGL view
  */
 PIXI.WebGLRenderer.prototype.resize = function(width, height)
 {
diff --git a/src/pixi/renderers/WebGLShaders.js b/src/pixi/renderers/WebGLShaders.js
index 8a109dc..b717256 100644
--- a/src/pixi/renderers/WebGLShaders.js
+++ b/src/pixi/renderers/WebGLShaders.js
@@ -2,7 +2,6 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 	
 PIXI.shaderFragmentSrc = [	"precision mediump float;",
 					  		"varying vec2 vTextureCoord;",
diff --git a/src/pixi/textures/BaseTexture.js b/src/pixi/textures/BaseTexture.js
index 0d2221d..a3fdce7 100644
--- a/src/pixi/textures/BaseTexture.js
+++ b/src/pixi/textures/BaseTexture.js
@@ -1,17 +1,16 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 PIXI.BaseTextureCache = {};
 PIXI.texturesToUpdate = [];
 
 /**
- * @class A texture stores the information that represents an image. All textures have a base texture
- * @augments PIXI.EventTarget
+ * A texture stores the information that represents an image. All textures have a base texture
+ * @class BaseTexture
+ * @extends EventTarget
  * @constructor
- * @param image url
- * @return A new BaseTexture
+ * @param imageUrl {String} image url
  */
 PIXI.BaseTexture = function(imageUrl)
 {
@@ -19,13 +18,15 @@ PIXI.BaseTexture = function(imageUrl)
 	
 	/**
 	 * The url of the texture
-	 * @type #BaseTexture
+	 * @property imageUrl
+	 * @type String
 	 */
 	this.imageUrl = imageUrl;
 	
 	/**
 	 * The html image that is loaded to create the texture
-	 * @type #BaseTexture
+	 * @property image
+	 * @type Image
 	 */
 	this.image = new Image();
 	
@@ -41,17 +42,19 @@ PIXI.BaseTexture = function(imageUrl)
 		scope.dispatchEvent( { type: 'loaded', content: scope } );
 	}
 		
-		$.proxy(this.onImageLoaded, this);
+	$.proxy(this.onImageLoaded, this);
 	this.image.src = imageUrl;
 	
 	/**
 	 * [read only] The width of the base texture set when the image has loaded
-	 * @type #BaseTexture
+	 * @property width
+	 * @type Number
 	 */
 	this.width = 100;
 	/**
 	 * [read only] The height of the base texture set when the image has loaded
-	 * @type #BaseTexture
+	 * @property height
+	 * @type Number
 	 */
 	this.height = 100;
 	
diff --git a/src/pixi/textures/Texture.js b/src/pixi/textures/Texture.js
index e46fd9f..3f6457a 100644
--- a/src/pixi/textures/Texture.js
+++ b/src/pixi/textures/Texture.js
@@ -1,18 +1,17 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 PIXI.TextureCache = {};
 PIXI.FrameCache = {};
 
 /**
- * @class A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used
- * @augments PIXI.EventTarget
+ * A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used
+ * @class Texture
+ * @extends EventTarget
  * @constructor
- * @param {PIXI.textures.BaseTexture} base texture {@link PIXI.textures.BaseTexture}
- * @param {PIXI.Rectangle} frame {@link PIXI.Rectangle}
- * @return A new Texture.
+ * @param baseTexture {BaseTexture}
+ * @param frmae {Rectangle}
  */
 PIXI.Texture = function(baseTexture, frame)
 {
@@ -24,9 +23,12 @@ PIXI.Texture = function(baseTexture, frame)
 		frame = new PIXI.Rectangle(0,0,1,1);
 	}
 	
+	this.trim = new PIXI.Point();
+	
 	/**
 	 * The base texture of this texture
-	 * @type #BaseTexture
+	 * @property baseTexture
+	 * @type BaseTexture
 	 */
 	this.baseTexture = baseTexture;
 	
@@ -34,6 +36,7 @@ PIXI.Texture = function(baseTexture, frame)
 	
 	/**
 	 * The frame specifies the region of the base texture that this texture uses
+	 * @property frame
 	 * @type #Rectangle
 	 */
 	this.frame = frame;
@@ -71,8 +74,8 @@ PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
 
 /**
  * Specifies the rectangle region of the baseTexture
- * @param {PIXI.Rectangle} frame {@link PIXI.Rectangle}
- * @return A new Texture.
+ * @method setFrame
+ * @param frame {Rectangle}
  */
 PIXI.Texture.prototype.setFrame = function(frame)
 {
@@ -86,8 +89,10 @@ PIXI.Texture.prototype.setFrame = function(frame)
  * 
  * Helper function that returns a texture based on an image url
  * If the image is not in the texture cache it will be  created and loaded
- * @param The image url of the texture
- * @return {PIXI.textures.Texture} texture {@link PIXI.textures.Texture}
+ * @static
+ * @method fromImage
+ * @param imageUrl {String} The image url of the texture
+ * @return Texture
  */
 PIXI.Texture.fromImage = function(imageUrl)
 {
@@ -108,21 +113,23 @@ PIXI.Texture.fromImage = function(imageUrl)
  * 
  * Helper function that returns a texture based on a frame id
  * If the frame id is not in the texture cache an error will be thrown
- * @param The frame id of the texture
- * @return {PIXI.textures.Texture} texture {@link PIXI.textures.Texture}
+ * @method fromFrameId
+ * @param frameId {String} The frame id of the texture
+ * @return Texture
  */
 PIXI.Texture.fromFrameId = function(frameId)
 {
 	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
+	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
 	return texture;
 }
 
 /**
  * 
  * Adds a texture to the textureCache. 
- * @param {PIXI.textures.Texture} texture {@link PIXI.textures.Texture}
- * @param the id that the texture will be stored against.
+ * @method addTextureToCache
+ * @param texture {Texture}
+ * @param id {String} the id that the texture will be stored against.
  */
 PIXI.Texture.addTextureToCache = function(texture, id)
 {
@@ -132,9 +139,10 @@ PIXI.Texture.addTextureToCache = function(texture, id)
 /**
  * 
  * Remove a texture from the textureCache. 
- * @param the id of the texture to be removed
+ * @method removeTextureFromCache
+ * @param id {String} the id of the texture to be removed
  */
-PIXI.Texture.addTextureToCache = function(id)
+PIXI.Texture.removeTextureFromCache = function(id)
 {
 	PIXI.TextureCache[id] = texture;
 }
diff --git a/src/pixi/utils/Detector.js b/src/pixi/utils/Detector.js
index 9450e44..b086f12 100644
--- a/src/pixi/utils/Detector.js
+++ b/src/pixi/utils/Detector.js
@@ -1,14 +1,14 @@
 /**
  * @author Mat Groves http://matgroves.com/
  */
-var PIXI = PIXI || {};
 
 /**
  * This helper function will automatically detect which renderer you should be using.
  * WebGL is the preferred renderer as it is a lot fastest. If webGL is not supported by the browser then this function will return a canvas renderer
- * @param the width of the renderers view
- * @param the height of the renderers view
- * @return A new Renderer
+ * @method autoDetectRenderer
+ * @static
+ * @param width {Number} the width of the renderers view
+ * @param height {Number} the height of the renderers view
  */
 PIXI.autoDetectRenderer = function(width, height)
 {
diff --git a/src/pixi/utils/EventTarget.js b/src/pixi/utils/EventTarget.js
index 3edb506..db8507a 100644
--- a/src/pixi/utils/EventTarget.js
+++ b/src/pixi/utils/EventTarget.js
@@ -2,7 +2,6 @@
  * https://github.com/mrdoob/eventtarget.js/
  * THankS mr DOob!
  */
-var PIXI = PIXI || {};
 
 PIXI.EventTarget = function () {
 
diff --git a/src/yuidoc.json b/src/yuidoc.json
new file mode 100644
index 0000000..fc3f18e
--- /dev/null
+++ b/src/yuidoc.json
@@ -0,0 +1,9 @@
+{
+    "name": "The Foo API",
+    "description": "The Foo API: a library for doing X, Y, and Z",
+    "version": "1.2.1",
+    "url": "http://example.com/",
+    "options": {
+        "outdir": "../build/apidocs"
+    }
+}
\ No newline at end of file